@charset "utf-8";

.ico {

    display: inline-block;

    overflow: hidden;

    background: url(../images/sprite.png) no-repeat;

}



.ico.ico-lable-nutri {

    width: 189px;

    height: 171px;

    background-position: -2px -2px;

}



.ico.ico-lable-lesson {

    width: 190px;

    height: 170px;

    background-position: -193px -2px;

}



.ico.ico-lable-news {

    width: 171px;

    height: 170px;

    background-position: -385px -2px;

}



.ico.ico-start-video {

    width: 163px;

    height: 162px;

    background-position: -558px -2px;

}



.ico.ico-banner-bg-green {

    width: 160px;

    height: 160px;

    background-position: -723px -2px;

}



.ico.ico-go-shop {

    width: 160px;

    height: 160px;

    background-position: -885px -4px;

}



.ico.ico-see-video {

    width: 160px;

    height: 160px;

    background-position: -1047px -2px;

}



.ico.ico-top-menu-bg {

    width: 171px;

    height: 50px;

    background-position: -1209px -2px;

}



.ico.ico-foot-wechat {

    width: 38px;

    height: 29px;

    background-position: -1211px -54px;

}



.ico.ico-xiachufang {

    width: 38px;

    height: 34px;

    background-position: -1294px -72px;

}



.ico.ico-douguo {

    width: 38px;

    height: 34px;

    background-position: -1340px -72px;

}



.ico.ico-weibo {

    width: 29px;

    height: 24px;

    background-position: -1209px -83px;

}



.ico.ico-wechat {

    width: 27px;

    height: 22px;

    background-position: -1209px -107px;

    margin-right: 13px;

}



.ico.ico-language {

    width: 27px;

    height: 21px;

    background-position: -1248px -85px;

}



.ico.ico-memeber {

    width: 26px;

    height: 21px;

    background-position: -1209px -130px;

}



.ico.ico-menu-search {

    width: 14px;

    height: 14px;

    background-position: -1209px -151px;

}



.ico.ico-dot:hover,.ico.ico-dot.active {

    width: 12px;

    height: 12px;

    background-position: -1227px -153px!important;

}



.ico.ico-dot {

    width: 12px;

    height: 12px;

    background-position: -1239px -109px;

    cursor: pointer;

}



.ico.ico-banner-text {

    width: 126px;

    height: 210px;

    background-position: -1382px -2px;

}



.ico.ico-banner-text-2 {

    width: 72px;

    height: 218px;

    background-position: -1510px -2px;

}



.ico.ico-foot-weibo {

    width: 34px;

    height: 27px;

    background-position: -4px -224px;

}



#respSlide .ico-dot {

    width: 12px;

    height: 11px;

    background-position: -2028px -2px;

}



.go-top {

    height: 50px;

    width: 310px;

    background: url(../images/go-top.jpg) no-repeat;

}/*!

 * Preboot v2

 *

 * Open sourced under MIT license by @mdo.

 * Some variables and mixins from Bootstrap (Apache 2 license).

 */.bg-white {

    background-color: #fff;

}/*!

* by zhangxinxu(.com) 2010-?

* https://github.com/zhangxinxu/zxx.lib.css

* under MIT license

*/.dn {

    display: none;

}



.di {

    display: inline;

}



.db {

    display: block;

}



.dib {

    display: inline-block;

}



.h0 {

    height: 0;

}



.h14 {

    height: 14px;

}



.h16 {

    height: 16px;

}



.h18 {

    height: 18px;

}



.h20 {

    height: 20px;

}



.h22 {

    height: 22px;

}



.h24 {

    height: 24px;

}



.w20 {

    width: 20px;

}



.w50 {

    width: 50px;

}



.w70 {

    width: 70px;

}



.w100 {

    width: 100px;

}



.w120 {

    width: 120px;

}



.w140 {

    width: 140px;

}



.w160 {

    width: 160px;

}



.w180 {

    width: 180px;

}



.w200 {

    width: 200px;

}



.w220 {

    width: 220px;

}



.w250 {

    width: 250px;

}



.w280 {

    width: 280px;

}



.w300 {

    width: 280px;

}



.w320 {

    width: 320px;

}



.w360 {

    width: 360px;

}



.w400 {

    width: 400px;

}



.w460 {

    width: 460px;

}



.w500 {

    width: 500px;

}



.w600 {

    width: 600px;

}



.w640 {

    width: 640px;

}



.w700 {

    width: 700px;

}



.pct10 {

    width: 10%;

}



.pct15 {

    width: 15%;

}



.pct20 {

    width: 20%;

}



.pct25 {

    width: 25%;

}



.pct30 {

    width: 30%;

}



.pct33 {

    width: 33.3%;

}



.pct40 {

    width: 40%;

}



.pct50 {

    width: 50%;

}



.pct60 {

    width: 60%;

}



.pct66 {

    width: 66.6%;

}



.pct70 {

    width: 70%;

}



.pct75 {

    width: 75%;

}



.pct80 {

    width: 80%;

}



.pct90 {

    width: 90%;

}



.pct100 {

    width: 100%;

}



.lh0 {

    line-height: 0;

}



.lh14 {

    line-height: 14px;

}



.lh16 {

    line-height: 16px;

}



.lh18 {

    line-height: 18px;

}



.lh20 {

    line-height: 20px;

}



.lh22 {

    line-height: 22px;

}



.lh24 {

    line-height: 24px;

}



.m0 {

    margin: 0;

}



.ml1 {

    margin-left: 1px;

}



.ml2 {

    margin-left: 2px;

}



.ml5 {

    margin-left: 5px;

}



.ml10 {

    margin-left: 10px;

}



.ml15 {

    margin-left: 15px;

}



.ml20 {

    margin-left: 20px;

}



.ml30 {

    margin-left: 30px;

}



.mr1 {

    margin-right: 1px;

}



.mr2 {

    margin-right: 2px;

}



.mr5 {

    margin-right: 5px;

}



.mr10 {

    margin-right: 10px;

}



.mr15 {

    margin-right: 15px;

}



.mr20 {

    margin-right: 20px;

}



.mr30 {

    margin-right: 30px;

}



.mt1 {

    margin-top: 1px;

}



.mt2 {

    margin-top: 2px;

}



.mt5 {

    margin-top: 5px;

}



.mt10 {

    margin-top: 10px;

}



.mt15 {

    margin-top: 15px;

}



.mt20 {

    margin-top: 20px;

}



.mt30 {

    margin-top: 30px;

}



.mb1 {

    margin-bottom: 1px;

}



.mb2 {

    margin-bottom: 2px;

}



.mb5 {

    margin-bottom: 5px;

}



.mb10 {

    margin-bottom: 10px;

}



.mb15 {

    margin-bottom: 15px;

}



.mb20 {

    margin-bottom: 20px;

}



.mb30 {

    margin-bottom: 30px;

}



.ml-1 {

    margin-left: -1px;

}



.mr-1 {

    margin-right: -1px;

}



.mt-1 {

    margin-top: -1px;

}



.mb-1 {

    margin-bottom: -1px;

}



.ml-3 {

    margin-left: -3px;

}



.mr-3 {

    margin-right: -3px;

}



.mt-3 {

    margin-top: -3px;

}



.mb-3 {

    margin-bottom: -3px;

}



.ml-20 {

    margin-left: -20px;

}



.mr-20 {

    margin-right: -20px;

}



.mt-20 {

    margin-top: -20px;

}



.mb-20 {

    margin-bottom: -20px;

}



.p0 {

    padding: 0;

}



.p1 {

    padding: 1px;

}



.pl1 {

    padding-left: 1px;

}



.pt1 {

    padding-top: 1px;

}



.pr1 {

    padding-right: 1px;

}



.pb1 {

    padding-bottom: 1px;

}



.p2 {

    padding: 2px;

}



.pl2 {

    padding-left: 2px;

}



.pt2 {

    padding-top: 2px;

}



.pr2 {

    padding-right: 2px;

}



.pb2 {

    padding-bottom: 2px;

}



.pl5 {

    padding-left: 5px;

}



.p5 {

    padding: 5px;

}



.pt5 {

    padding-top: 5px;

}



.pr5 {

    padding-right: 5px;

}



.pb5 {

    padding-bottom: 5px;

}



.p10 {

    padding: 10px;

}



.pl10 {

    padding-left: 10px;

}



.pt10 {

    padding-top: 10px;

}



.pr10 {

    padding-right: 10px;

}



.pb10 {

    padding-bottom: 10px;

}



.p15 {

    padding: 15px;

}



.pl15 {

    padding-left: 15px;

}



.pt15 {

    padding-top: 15px;

}



.pr15 {

    padding-right: 15px;

}



.pb15 {

    padding-bottom: 15px;

}



.p20 {

    padding: 20px;

}



.pl20 {

    padding-left: 20px;

}



.pt20 {

    padding-top: 20px;

}



.pr20 {

    padding-right: 20px;

}



.pb20 {

    padding-bottom: 20px;

}



.p30 {

    padding: 30px;

}



.pl30 {

    padding-left: 30px;

}



.pt30 {

    padding-top: 30px;

}



.pr30 {

    padding-right: 30px;

}



.pb30 {

    padding-bottom: 30px;

}



.bdc {

    border: 1px solid #ccc;

}



.blc {

    border-left: 1px solid #ccc;

}



.brc {

    border-right: 1px solid #ccc;

}



.btc {

    border-top: 1px solid #ccc;

}



.bbc {

    border-bottom: 1px solid #ccc;

}



.bdd {

    border: 1px solid #ddd;

}



.bld {

    border-left: 1px solid #ddd;

}



.brd {

    border-right: 1px solid #ddd;

}



.btd {

    border-top: 1px solid #ddd;

}



.bbd {

    border-bottom: 1px solid #ddd;

}



.bde {

    border: 1px solid #eee;

}



.ble {

    border-left: 1px solid #eee;

}



.bre {

    border-right: 1px solid #eee;

}



.bte {

    border-top: 1px solid #eee;

}



.bbe {

    border-bottom: 1px solid #eee;

}



.bgwh {

    background-color: #fff;

}



.bgfb {

    background-color: #fbfbfb;

}



.bgf5 {

    background-color: #f5f5f5;

}



.bgf0 {

    background-color: #f0f0f0;

}



.bgeb {

    background-color: #ebebeb;

}



.bge0 {

    background-color: #e0e0e0;

}



.g0 {

    color: #000;

}



.g3 {

    color: #333;

}



.g6 {

    color: #666;

}



.g9 {

    color: #999;

}



.gc {

    color: #ccc;

}



.wh {

    color: #fff;

}



.f0 {

    font-size: 0;

}



.f12 {

    font-size: 12px;

}



.f13 {

    font-size: 13px;

}



.f14 {

    font-size: 14px;

}



.f16 {

    font-size: 16px;

}



.f18 {

    font-size: 18px;

}



.f20 {

    font-size: 20px;

}



.f24 {

    font-size: 24px;

}



.f28 {

    font-size: 28px;

}



.fa {

    font-family: Arial;

}



.ft {

    font-family: Tahoma;

}



.fv {

    font-family: Verdana;

}



.fs {

    font-family: Simsun;

}



.fl {

    font-family: 'Lucida Console';

}



.fw {

    font-family: 'Microsoft Yahei';

}



.n {

    font-weight: 400;

    font-style: normal;

    white-space: normal;

}



.b {

    font-weight: 700;

}



.i {

    font-style: italic;

}



.tc {

    text-align: center;

}



.tr {

    text-align: right;

}



.tl {

    text-align: left;

}



.tj {

    text-align: justify;

}



.tdl {

    text-decoration: underline;

}



.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover {

    text-decoration: none;

}



.lt-1 {

    letter-spacing: -1px;

}



.lt0 {

    letter-spacing: 0;

}



.lt1 {

    letter-spacing: 1px;

}



.nowrap {

    white-space: nowrap;

}



.bk {

    word-wrap: break-word;

}



.vm {

    vertical-align: middle;

}



.vtb {

    vertical-align: text-bottom;

}



.vb {

    vertical-align: bottom;

}



.vt {

    vertical-align: top;

}



.v-1 {

    vertical-align: -1px;

}



.v-2 {

    vertical-align: -2px;

}



.v-3 {

    vertical-align: -3px;

}



.v-4 {

    vertical-align: -4px;

}



.v-5 {

    vertical-align: -5px;

}



.l {

    float: left;

}



.r {

    float: right;

}



.cl {

    clear: both;

}



.rel {

    position: relative;

}



.abs {

    position: absolute;

}



.zx1 {

    z-index: 1;

}



.zx2 {

    z-index: 2;

}



.poi {

    cursor: pointer;

}



.def {

    cursor: default;

}



.ovh {

    overflow: hidden;

}



.ova {

    overflow: auto;

}



.vh {

    visibility: hidden;

}



.vv {

    visibility: visible;

}



.opa0 {

    opacity: 0;

    filer: alpha(opacity=0);

}



.z {

    *zoom: 1;

}



.auto {

    margin-left: auto;

    margin-right: auto;

}



.fix {

    *zoom: 1;

}



.fix:after {

    display: table;

    content: '';

    clear: both;

}



.cell {

    display: table-cell;

    *display: inline-block;

    width: 2000px;

    *width: auto;

}



.cell2 {

    overflow: hidden;

    _display: inline-block;

}



.ell {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.trans {

    -webkit-transition: all .3s;

    transition: all .3s;

}



.dib_vm {

    display: inline-block;

    width: 0;

    height: 100%;

    vertical-align: middle;

}



.loading {

    background: url("") no-repeat center;

}



.bd_none {

    border: 0;

    outline: 0;

}



.abs_out {

    position: absolute;

    left: -999em;

    top: -999em;

}



.abs_clip {

    position: absolute;

    clip: rect(0 0 0 0);

}



.disabled {

    outline: 0 none;

    cursor: default!important;

    opacity: .4;

    filer: alpha(opacity=40);

    pointer-events: none;

}



.inline_box {

    font-size: 1em;

    letter-spacing: -.25em;

    font-family: Arial;

}



.inline_two,.inline_three,.inline_four,.inline_five,.inline_six,.inline_any {

    display: inline-block;

    *display: inline;

    letter-spacing: 0;

    vertical-align: top;

    *zoom: 1;

}



.float_two,.float_three,.float_four,.float_five,.float_six {

    float: left;

}



.inline_two,.float_two {

    width: 50%;

    *width: 49.9%;

}



.inline_three,.float_three {

    width: 33.33333%;

    *width: 33.3%;

}



.inline_four,.float_four {

    width: 25%;

    *width: 24.9%;

}



.inline_five,.float_five {

    width: 20%;

    *width: 19.9%;

}



.inline_six,.float_six {

    width: 16.66666%;

    *width: 16.6%;

}



.inline_fix {

    display: inline-block;

    width: 100%;

    height: 0;

    overflow: hidden;

}



.ps-container {

    overflow: hidden!important;

}



.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail {

    display: block;

}



.ps-container.ps-in-scrolling {

    pointer-events: none;

}



.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {

    background-color: #eee;

    opacity: .9;

}



.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {

    background-color: #f2cc19;

}



.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {

    background-color: #eee;

    opacity: .9;

}



.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {

    background-color: #f2cc19;

}



.ps-container>.ps-scrollbar-x-rail {

    display: none;

    position: absolute;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    opacity: 0;

    -webkit-transition: background-color .2s linear,opacity .2s linear;

    -moz-transition: background-color .2s linear,opacity .2s linear;

    -o-transition: background-color .2s linear,opacity .2s linear;

    transition: background-color .2s linear,opacity .2s linear;

    bottom: 3px;

    height: 8px;

}



.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {

    position: absolute;

    background-color: #f3d131;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    -webkit-transition: background-color .2s linear;

    -moz-transition: background-color .2s linear;

    -o-transition: background-color .2s linear;

    transition: background-color .2s linear;

    bottom: 0;

    height: 8px;

}



.ps-container>.ps-scrollbar-y-rail {

    display: none;

    position: absolute;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    opacity: 0;

    -webkit-transition: background-color .2s linear,opacity .2s linear;

    -moz-transition: background-color .2s linear,opacity .2s linear;

    -o-transition: background-color .2s linear,opacity .2s linear;

    transition: background-color .2s linear,opacity .2s linear;

    right: 3px;

    width: 8px;

}



.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {

    position: absolute;

    background-color: #f3d131;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    -webkit-transition: background-color .2s linear;

    -moz-transition: background-color .2s linear;

    -o-transition: background-color .2s linear;

    transition: background-color .2s linear;

    right: 0;

    width: 8px;

}



.ps-container:hover.ps-in-scrolling {

    pointer-events: none;

}



.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {

    background-color: #eee;

    opacity: .9;

}



.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {

    background-color: #f2cc19;

}



.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {

    background-color: #eee;

    opacity: .9;

}



.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {

    background-color: #f2cc19;

}



.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail {

    opacity: .6;

}



.ps-container:hover>.ps-scrollbar-x-rail:hover {

    background-color: #eee;

    opacity: .9;

}



.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {

    background-color: #f2cc19;

}



.ps-container:hover>.ps-scrollbar-y-rail:hover {

    background-color: #eee;

    opacity: .9;

}



.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {

    background-color: #f2cc19;

}



.gr-title {

    color: #fc7b03;

}



.bold {

    font-weight: 700;

}



a:visited,a:hover,a:active,button:hover {

    color: #3e7e3a;

    text-decoration: none;

}



a {

    text-decoration: none;

    cursor: pointer;

}



a,button {

    outline: 0;

}



p {

    line-height: 2;

}



ul {

    padding: 0;

}



html {

    height: 100%;

}



body {

    position: relative;

    font-family: 'Hiragino Sans GB',"microsoft yahei","微软雅黑",simhei,sans-serif;

    min-height: 100%;

    min-width: 1000px;

}



body .pjax-loading {

    position: absolute;

    top: 0;

    left: 0;

    background: #fc7b03;

    height: 7px;

}



.title-font {

    font-family: 'Hiragino Sans GB',"microsoft yahei","微软雅黑",simhei,sans-serif;

}



.container {

    width: 1000px!important;

    position: relative;

}



.main-header {

    height: 120px;

    position: relative;

}



.entry {

    padding-top: 25px;

}



.entry a {

    vertical-align: bottom;

}



.logo {

    position: absolute;

    top: 27px;

    left: 0;

}



a.memeber-link {

    width: 96px;

    height: 21px;

    line-height: 21px;

    display: inline-block;

    font-size: 16px;

    color: #9a9a9a;

    text-decoration: none!important;

}



a.memeber-link .ico-memeber {

    margin-bottom: -3px;

    margin-right: 5px;

}



a.memeber-link:hover {

    color: #fc7b03;

}



.memeber-link,.ico-weibo {

    margin-right: 13px;

}



.menu-wrap {

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 0;

}



.menu-wrap .left,.menu-wrap .right {

    height: 50px;

    width: 50%;

    position: absolute;

    left: 0;

    z-index: 0;

}



.menu-wrap .left.right,.menu-wrap .right.right {

    left: auto;

    right: 0;

}



.menu-wrap .left {

    background: #f3d131;

}



.menu-wrap .right {

    background: #fc7b03;

}



.top-menu {

    height: 50px;

    width: 100%;

    overflow: hidden;

    background: url(../images/top-menu-bg.jpg) 160px no-repeat #fc7b03;

}



.top-menu ul {

    float: right;

}



.top-menu ul li {

    list-style: none;

    height: 50px;

    line-height: 50px;

    float: left;

}



.top-menu ul li span {

    position: relative;

    z-index: 1;

}



.top-menu ul li.single a:hover {

    background: #fff;

    color: #3e7e3a;

}



.top-menu ul li a {

    display: block;

    height: 50px;

    padding: 0 20px;

    color: #fff;

    position: relative;

    text-decoration: none!important;

}



.top-menu ul li a[data-sub].hover:after {

    content: " ";

    display: block;

    position: absolute;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    -webkit-box-shadow: 0 0 32px rgba(0,0,0,.36);

    box-shadow: 0 0 32px rgba(0,0,0,.36);

    top: 7px;

    left: 0;

    background: #fff;

    width: 100%;

    height: 100%;

}



.top-menu ul li.current a {

    color: #fff;

}



.top-menu ul li a.hover {

    background: transparent;

    color: #3e7e3a;

}



.sub-menu-wrap {

    position: absolute;

    width: 100%;

    display: none;

    top: 0;

    left: 0;

    height: 500px;

}



.sub-menu {

    position: absolute;

    top: 0;

    padding: 7px 0;

    left: 0;

    width: auto;

    background: #fff;

    background: rgba(255,255,255,.88);

    border-radius: 5px;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    overflow: hidden;

    display: none;

    -webkit-box-shadow: 0 0 32px rgba(0,0,0,.36);

    box-shadow: 0 0 32px rgba(0,0,0,.36);

}



.sub-menu ul {

    margin: 0;

}



.sub-menu a {

    white-space: nowrap;

    padding: 0 67px 0 22px;

    height: 40px;

    line-height: 40px;

    display: block;

    color: #3e7e3a;

    text-decoration: none;

}



.sub-menu a:hover {

    color: #fff;

    background: #fc7b03;

}



.home-wrap {

    background: #f5f5f5;

}



.home-slide-wrap {

    

    padding-bottom: 10px;

    margin-bottom: 20px;

    background: #f3d131;

}



.home-slide-wrap #homeSlide {

    height: auto;

    overflow: hidden;

}



.home-slide-wrap .slide-mask {

    position: relative;

}



.home-slide-wrap .banner-mask {

    position: absolute;

    top: 0;

    left: 0;

    height: auto;

    text-align: center;

    padding-top: 30px;

    margin-bottom: 20px;

    width: 200px;

    background: url(../images/banner-mask.png) repeat;

}



#respSlide .left.carousel-control {

    left: -18%!important;

}



#respSlide .right.carousel-control {

    left: auto;

    right: -18%!important;

}



.carousel-control.right, .carousel-control.left {

    background: transparent!important;

    filter: none!important;

    display: flex;

    justify-content: center;

    align-items: center;

}



.iconfont{position: static;}



#homeSlide .carousel-inner>.item>img {

    position: relative;

    display: block;

    height:auto;

   

  

   

}



.home-slide-indicators {

    position: absolute;

    left: 50%;

    width: 60%;

    margin-left: -30%;

    padding-left: 0;

    list-style: none;

    text-align: center;

    bottom: 5px;

    margin-bottom: 0;

    color: silver;

}



.home-slide-indicators .ico-dot {

    margin: 0 3px;

}



.useful-link {

    position: absolute;

    right: 0px;

    top: 30px;

}



.ico-see-video,.ico-go-shop {

    background-color: transparent;

    line-height: 1;

    padding-top: 107px;

    text-align: center;

    display: block;

    border: 0;

    color: #fff!important;

    position: relative;

}



.ico-see-video:hover,.ico-go-shop:hover {

    color: #fff;

}



.ico-see-video:hover:after,.ico-go-shop:hover:after {

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.ico-see-video:after,.ico-go-shop:after {

    content: "";

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    display: block;

}



.ico-see-video:after {

    width: 78px;

    height: 78px;

    position: absolute;

    top: 25px;

    left: 41px;

    background: url(../images/home_video_btn.png) no-repeat;

}



.ico-go-shop:after {

    width: 78px;

    height: 58px;

    position: absolute;

    top: 38px;

    left: 41px;

    background: url(../images/home_shop_btn.png) no-repeat;

}



.ico-go-shop {

    padding-top: 110px;

    margin-top: 6px;

}



.showcase ul {

    padding: 15px 0;

    margin-right: -14px;

}



.showcase li {

    overflow: hidden;

    width: 324px;

    float: left;

    display: block;

    margin-right: 14px;

}



.showcase li a {

    display: block;

    height: 325px;

    background: #fff;

    color: #8b8b8b;

    -webkit-transition: background .6s;

    -moz-transition: background .6s;

    -o-transition: background .6s;

    transition: background .6s;

}



.showcase li a:hover {

    text-decoration: none;

    background: #3e7e3a;

    color: #fff;

}



.showcase li a:hover img {

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.showcase li img {

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

    width: 100%;

    height: 100%;

    max-width: 324px;

    max-height: 205px;

}



.showcase li .text-box {

    margin-top: 9px;

    line-height: 20px;

    padding: 0 15px;

}



.showcase li .text-box .title {

    font-size: 16px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.showcase li .text-box .time {

    font-size: 10px;

    display: block;

}



.showcase li .text-box .intro {

    line-height: 1.7;

    font-size: 12px;

    margin-top: 7px;

}



.showcase li .img-box {

    width: 100%;

    height: 205px;

    overflow: hidden;

    background: #fff;

}



.main-footer {

    height: 50px;

    color: #666;

    line-height: 50px;

    font-size: 12px;

}



.main-footer .ico {

    margin-left: 15px;

    vertical-align: middle;

}



.main-footer .follow-us {

    width: 200px;

    float: left;

}



.main-footer .footer-links {

    /*width: 290px;*/

    float: left;

}



.main-footer .copy-right {

    /*float: left;*/

    /*width: 694px;*/

    text-align: right;

    color:#939393;

}



.main-footer,.main-footer .container {

    background: url(../images/foot-bg.jpg) repeat;

}



.main-footer .footer-links li {

    float: left;

    list-style: none;

}



.main-footer .footer-links li a {

    color: #666;

    padding: 0 10px;

}



.main-footer .footer-links li+li:before {

    content: "|";

    display: inline-block;

}



.inner-page {

    position: relative;

}



.main-header {

    z-index: 2;

}



body.mask-open .main-header {

    z-index: 0;

}



.main-body {

    position: relative;

    top: 0;

    z-index: 1;

}



.top-container {

    z-index: 2;

}



.inner-menu {

    position: relative;

    z-index: 20;

}



.menu-wrap {

    z-index: 1;

}



.menu-wrap .menu-container {

    z-index: 11;

}



.sub-menu-wrap,.sub-menu {

    z-index: 600;

}



.sub-fixed-nav.affix {

    z-index: 100;

}



.top-menu {

    z-index: 4;

}



.slide-mask {

    z-index: 3;

}



.home-slide-indicators {

    z-index: 15;

}



.main-body {

    min-height: 530px;

}



[class*=mask] {

    z-index: 199;

}



.home-video-mask {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    text-align: center;

    padding-top: 141px;

    display: none;

    background: rgba(0,0,0,.66);

    background: url(../images/bg-video.png) \9;

}



.home-video-mask .video-js {

    margin: 0 auto;

}



.inner-page {

}



.inner-page .science-title,.inner-page .pd-title,.inner-page .culture-title,.inner-page .news-title,.inner-page .about-title,.inner-page .join-title,.inner-page .contact-title {

    margin: 0 10px;

    height: 98px;

    text-indent: -99999em!important;

    white-space: nowrap;

    text-align: left;

}



.inner-page .science-title {

    background: url(../images/title-science.jpg) center no-repeat;

}



.inner-page .pd-title {

    background: url(../images/title-products.png) center no-repeat;

}



.inner-page .about-title {

    background: url(../images/title-ab.jpg) center no-repeat;

}



.inner-page .culture-title {

    background: url(../images/title-culture.jpg) center no-repeat;

}



.inner-page .news-title {

    background: url(../images/title-news.jpg) center no-repeat;

}



.inner-page .science-title {

    background: url(../images/title-science.jpg) center no-repeat;

}



.inner-page .join-title {

    background: url(../images/title-join.jpg) center no-repeat;

}



.inner-page .contact-title {

    background: url(../images/title-contact.jpg) center no-repeat;

}



.inner-page .sub-fixed-nav.affix {

    top: 0;

    position: fixed;

    left: 0;

    width: 100%;

    background: #fff;

    background: rgba(255,255,255,.9);

}



.inner-page .sub-fixed-nav.affix+.article-body {

    margin-top: 156px;

}



.inner-page .sub-fixed-nav.affix-bottom {

    position: relative;

    top: 0!important;

}



.inner-page .inner-nav {

    text-align: center;

    border-top: 3px solid #f3d131;

    position: relative;

    min-height: 30px;

}



.inner-page .inner-menu {

    *zoom: 1;

    margin: 10px auto 6px;

    display: inline-block;

}



.inner-page .inner-menu:before,.inner-page .inner-menu:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page .inner-menu:after {

    clear: both;

}



.inner-page .inner-menu li {

    list-style: none;

    margin: 8px 5px;

    float: left;

    padding-left: 7px;

}



.inner-page .inner-menu a {

    color: #a7a7a7;

    display: block;

    padding-right: 7px;

    height: 24px;

    line-height: 24px;

}



.inner-page .inner-menu li.current,.inner-page .inner-menu li:hover {

   background: #fc7b03;

   border-radius:6px;

}



.inner-page .inner-menu li:hover a,.inner-page .inner-menu li.current a {

    color: #fff;

    background: #fc7b03;

	border-radius:6px;

}



.inner-page .article-body {

    min-height: 300px;

    overflow: hidden;

    background: #f5f5f5;

    padding: 20px 0 60px;

    color: #797979;

    font-size: 12px;

}



.inner-page .article-body h2 {

    color: #fc7b03;

    font-size: 24px;

    font-family: 'Hiragino Sans GB',"microsoft yahei","微软雅黑",simhei,sans-serif;

}



.inner-page .article-body ul {

    *zoom: 1;

}



.inner-page .article-body ul:before,.inner-page .article-body ul:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page .article-body ul:after {

    clear: both;

}



.inner-page .article-body ul li {

    list-style: none;

    float: left;

}



.inner-page .article-body ul li p {

    padding-right: 5px;

    font-family: verdana,'Hiragino Sans GB',"\5b8b\4f53",arial,sans-serif;

}



.inner-page.about-page .article-body ul,.inner-page.culture-page .article-body ul {

    margin-right: -31px;

}



.inner-page.about-page .article-body ul li,.inner-page.culture-page .article-body ul li {

    width: 33.33333333%;

}



.inner-page.about-page .article-body ul li img,.inner-page.culture-page .article-body ul li img {

    margin-bottom: 15px;

}



.inner-page.culture-page .article-body {

}



.inner-page.culture-page .article-body ul {

    margin: 0 0 0 10px;

}



.inner-page.culture-page .article-body li {

    float: left;

    width: 310px!important;

    margin-right: 20px;

}



.inner-page.culture-page .article-body li .img-box {

    margin-top: -20px;

    position: relative;

    z-index: 1;

    float: left;

}



.inner-page.culture-page .article-body li .text-box {

    z-index: 2;

    position: relative;

    -webkit-box-shadow: 3px 5px 12px rgba(0,0,0,.13);

    box-shadow: 3px 5px 12px rgba(0,0,0,.13);

}



.inner-page.culture-page .article-body li img,.inner-page.culture-page .article-body li .text-box {

    -webkit-transition: all .6s ease-out;

    -moz-transition: all .6s ease-out;

    -o-transition: all .6s ease-out;

    transition: all .6s ease-out;

}



.inner-page.culture-page .article-body li:hover img {

    -webkit-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -moz-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -o-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.inner-page.culture-page .article-body li:hover .text-box {

    -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,.13);

    box-shadow: 1px 2px 6px rgba(0,0,0,.13);

    -webkit-transition: all .15s ease-in 0s;

    -moz-transition: all .15s ease-in 0s;

    -o-transition: all .15s ease-in 0s;

    transition: all .15s ease-in 0s;

    -webkit-transform: translate(0,-10px);

    -moz-transform: translate(0,-10px);

    -ms-transform: translate(0,-10px);

    -o-transform: translate(0,-10px);

    transform: translate(0,-10px);

}



.inner-page.culture-page .article-body .img-box {

    border-radius: 5px;

    border-bottom-left-radius: 30px;

    height: 250px;

    overflow: hidden;

}



.inner-page.culture-page .article-body p {

    margin-top: 15px;

}



.inner-page.culture-page .article-body h2 {

    font-size: 36px;

    line-height: 31px;

    height: 40px;

    margin: 20px 15px 20px 0;

    color: #fff;

    float: left;

}



.inner-page.culture-page .article-body .text-box {

    padding: 0 17px;

    color: #fff;

    border-radius: 5px;

    border-bottom-right-radius: 30px;

    background: #f3d131;

    *zoom: 1;

}



.inner-page.culture-page .article-body .text-box:before,.inner-page.culture-page .article-body .text-box:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.culture-page .article-body .text-box:after {

    clear: both;

}



.inner-page.culture-page .article-body .arrow {

    border: 20px transparent solid;

    position: absolute;

    border-top-color: #f3d131;

    left: 30px;

    top: 100%;

}



.inner-page.culture-page .article-body .cul-flavour .arrow {

    border-top-color: #53b4e6;

}



.inner-page.culture-page .article-body .cul-flavour .text-box {

    background: #53b4e6;

}



.inner-page.culture-page .article-body .cul-sincere .arrow {

    border-top-color: #f6902c;

}



.inner-page.culture-page .article-body .cul-sincere .text-box {

    background: #f6902c;

}



.inner-page.culture-page .article-body .cul-sincere h2 {

    margin: 20px 15px 80px 0;

}



.inner-page.culture-page .article-body .cul-sincere .img-box {

    margin-top: -65px;

    height: 283px;

}



.inner-page.culture-page .article-body .cul-values {

    width: 970px!important;

    margin: -10px 0 0 -5px;

}



.inner-page.culture-page .article-body .cul-values h2 {

    margin: 20px 7px 20px 0;

}



.inner-page.culture-page .article-body .cul-values .text-box {

    width: 660px;

    background: #fc7b03;

}



.inner-page.culture-page .article-body .cul-values p {

    margin-top: 35px;

    white-space: nowrap;

}



.inner-page.culture-page .article-body .cul-values .arrow {

    border-top-color: #fc7b03;

}



.inner-page.culture-page .article-body .cul-values .img-box {

    height: 220px;

}



.inner-page.achieve-page .article-body .nav>li.active>a {

    color: #fc7b03!important;

}



.inner-page.achieve-page .article-body .nav {

    margin-left: -32px;

}



.inner-page.achieve-page .article-body .nav>li {

    margin: 10px 15px;

}



.inner-page.achieve-page .article-body .nav>li>a:hover {

    background-color: transparent!important;

}



.inner-page.achieve-page .article-body .nav>li>a {

    border-radius: 0;

    font-size: 18px;

    border: 0!important;

    padding: 15px;

    color: #cdcdcd;

}



.inner-page.achieve-page .article-body .tab-pane>div {

    width: 50%;

    float: left;

    *zoom: 1;

}



.inner-page.achieve-page .article-body .tab-pane>div:before,.inner-page.achieve-page .article-body .tab-pane>div:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.achieve-page .article-body .tab-pane>div:after {

    clear: both;

}



.inner-page.achieve-page .article-body .tab-pane>div li {

    padding-right: 30px;

}



.inner-page.achieve-page .article-body .tab-pane>div li+li {

    margin: 10px 0 0;

    min-width: 400px;

}



.inner-page.achieve-page .article-body .tab-pane>div ul {

    border-left: 2px solid #f3d131;

    padding-left: 20px;

    margin-bottom: 15px;

}



.inner-page.achieve-page .article-body .tab-pane>div ol {

    border-left: 2px solid #fc7b03;

    padding-left: 20px;

    margin-bottom: 15px;

}



.inner-page.achieve-page .article-body .tab-pane>div ol li {

    list-style: none;

}



.inner-page.demonstration-page {

    overflow: hidden;

    width: 100%;

    float: left;

}



.inner-page.demonstration-page .article-body {

    overflow: visible!important;

}



.inner-page.demonstration-page .tip-line {

    clear: both;

    position: absolute;

    left: 26px;

    top: 70px;

    color: #fc7b03;

    font-size: 16px;

}



.inner-page.demonstration-page .tip-line span {

    -webkit-animation: moveTip 1s infinite;

    animation: moveTip 1s infinite;

}



.inner-page.demonstration-page .d-title {

    float: left;

    background: url(../images/d-map.gif) 12px 6px no-repeat #f3d131;

    line-height: 40px;

    width: 230px;

    color: #fff;

    margin-left: 25px;

    padding-left: 52px;

    font-size: 24px;

    margin-bottom: -18px;

}



.inner-page.demonstration-page #demonMap {

    height: 285px;

    width: 951px;

    margin-left: 25px;

    background: url(../images/d-route.gif) no-repeat;

    clear: both;

    margin-bottom: -24px;

    position: relative;

}



.inner-page.demonstration-page #demonMap .m0,.inner-page.demonstration-page #demonMap .m1,.inner-page.demonstration-page #demonMap .m2,.inner-page.demonstration-page #demonMap .m3 {

    top: -36px;

}



.inner-page.demonstration-page #demonMap .m4,.inner-page.demonstration-page #demonMap .m5,.inner-page.demonstration-page #demonMap .m6,.inner-page.demonstration-page #demonMap .m7,.inner-page.demonstration-page #demonMap .m8 {

    top: 107px;

}



.inner-page.demonstration-page #demonMap .m9,.inner-page.demonstration-page #demonMap .m10 {

    top: 248px;

}



.inner-page.demonstration-page #demonMap .m0,.inner-page.demonstration-page #demonMap .m7,.inner-page.demonstration-page #demonMap .m10 {

    left: 279px;

}



.inner-page.demonstration-page #demonMap .m1,.inner-page.demonstration-page #demonMap .m6 {

    left: 478px;

}



.inner-page.demonstration-page #demonMap .m2,.inner-page.demonstration-page #demonMap .m5 {

    left: 677px;

}



.inner-page.demonstration-page #demonMap .m3,.inner-page.demonstration-page #demonMap .m4 {

    left: 877px;

}



.inner-page.demonstration-page #demonMap .m8,.inner-page.demonstration-page #demonMap .m9 {

    left: 83px;

}



.inner-page.demonstration-page #demonMap li {

    position: absolute;

    list-style: none;

    width: 430px;

    height: 290px;

}



.inner-page.demonstration-page #demonMap li:first-child a span {

    -webkit-animation: pulse .8s 2;

    animation: pulse .8s 2;

}



.inner-page.demonstration-page #demonMap li a {

    display: inline-block;

    text-align: left;

    position: relative;

    z-index: 9;

    color: #797979;

    padding: 0 60px 0 80px;

    margin-left: -80px;

}



.inner-page.demonstration-page #demonMap li a div {

    position: relative;

    left: -50%;

    text-align: center;

}



.inner-page.demonstration-page #demonMap li a span {

    display: inline-block;

    margin: 0 auto;

    margin-left: -15px;

    width: 30px;

    height: 50px;

    background: url(../images/d-map-pointer.png) center 100% no-repeat;

}



.inner-page.demonstration-page #demonMap li a:hover span {

    background: url(../images/d-map-pointer.png) center top no-repeat;

}



.inner-page.demonstration-page #demonMap li .detail {

    position: relative;

    top: 1px;

    opacity: 0;

    display: none\9;

    left: -50%;

    width: 100%;

    height: 290px;

    background: url(../images/d-map-cover.png) no-repeat;

    padding-left: 21px;

    padding-top: 37px;

    -webkit-transition: opacity .05s;

    -moz-transition: opacity .05s;

    -o-transition: opacity .05s;

    transition: opacity .05s;

}



.inner-page.demonstration-page #demonMap li .detail img {

    display: block;

    width: 380px;

    height: 230px;

}



.inner-page.demonstration-page #demonMap .m3 {

    width: 446px;

    height: 280px;

}



.inner-page.demonstration-page #demonMap .m3 .detail {

    position: absolute;

    background: url(../images/d-map-cover-fk.png) no-repeat;

    top: -19px;

    margin-left: -30px;

    left: -100%;

    padding-left: 22px;

    padding-top: 19px;

}



.inner-page.demonstration-page #demonMap .m8 .detail,.inner-page.demonstration-page #demonMap .m9 .detail {

    position: absolute;

    background: url(../images/d-map-cover-left.png) no-repeat;

    top: -100%;

    left: -105px;

    padding-left: 22px;

    padding-top: 19px;

}



.inner-page.demonstration-page #demonMap .m4 .detail {

    position: absolute;

    background: url(../images/d-map-cover-right.png) no-repeat;

    top: -100%;

    left: -100%;

    padding-top: 19px;

    margin-left: 106px;

}



.inner-page.demonstration-page #demonMap .m5 .detail,.inner-page.demonstration-page #demonMap .m6 .detail,.inner-page.demonstration-page #demonMap .m7 .detail,.inner-page.demonstration-page #demonMap .m10 .detail {

    position: absolute;

    background: url(../images/d-map-cover-down.png) no-repeat;

    top: -100%;

    left: -50%;

    margin-left: -4px;

    padding-left: 22px;

    padding-top: 19px;

}



.inner-page.demonstration-page #demonMap a:hover {

    z-index: 40;

}



.inner-page.demonstration-page #demonMap a:hover+.detail {

    z-index: 30;

    opacity: 1;

    display: block\9;

    -webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    transition: none;

}



.inner-page.demonstration-page .summary {

    background: #666;

    color: #fff;

    width: 530px;

    padding: 7px 12px;

    border-radius: 6px;

    margin-right: 32px;

    float: right;

}



.inner-page.responsibility-page .article-body {

    padding-top: 60px;

    -webkit-transition: height 1s;

    -moz-transition: height 1s;

    -o-transition: height 1s;

    transition: height 1s;

}



.inner-page.responsibility-page img {

    /*width: auto;*/

    display: inline-block;

    vertical-align: top;

}



.inner-page.responsibility-page .caption {

    display: inline-block;

    margin-left: 30px;

    width: 655px;

}



.inner-page.responsibility-page .caption h2 {

    margin-top: 0;

}



.inner-page.brand-films-page .films-wrap {

    background: #333;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    border-bottom-left-radius: 7px;

    border-bottom-right-radius: 25px;

    overflow: hidden;

    width: 990px;

    height: 388px;

    z-index: 100;

    position: relative;

    *zoom: 1;

}



.inner-page.brand-films-page .films-wrap:before,.inner-page.brand-films-page .films-wrap:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.brand-films-page .films-wrap:after {

    clear: both;

}



.inner-page.brand-films-page .film-body {

    float: left;

    height: 100%;

    width: 680px;

    display: table;

}



.inner-page.brand-films-page .film-body .video-js {

    display: table-cell;

    vertical-align: middle;

}



.inner-page.brand-films-page .glyphicon-play {

    font-size: 2rem;

    visibility: hidden;

}



.inner-page.brand-films-page .current .glyphicon-play {

    visibility: visible;

}



.inner-page.brand-films-page .film-list {

    float: left;

    position: absolute;

    left: 680px;

    width: 310px;/*330px*/

    height: 100%;

    overflow-y: scroll;

}



.inner-page.brand-films-page .film-list li:nth-child(1) {

    padding-top: 10px;

}



.inner-page.brand-films-page .film-list li {

    padding: 6px 10px;

    display: block;

    float: none;

    color: #fff;

    *zoom: 1;

}



.inner-page.brand-films-page .film-list li:before,.inner-page.brand-films-page .film-list li:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.brand-films-page .film-list li:after {

    clear: both;

}



.inner-page.brand-films-page .film-list li a {

    color: #fff;

}



.inner-page.brand-films-page .film-list li .film-thumb {

    width: 51%;

    height: 65px;

    float: left;

}



.inner-page.brand-films-page .film-list li .film-thumb img {

    width: 115px;

    height: 65px;

}



.inner-page.brand-films-page .film-list li .film-info {

    width: 49%;

    padding-left: 10px;

    float: left;

}



.inner-page.brand-films-page .film-list li.current {

    background: #86b023;

}



.inner-page.science-page {

    *zoom: 1;

}



.inner-page.science-page:before,.inner-page.science-page:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.science-page:after {

    clear: both;

}



.inner-page.science-page .article-body {

    padding-bottom: 0;

}



.inner-page.science-page .banner-box {

    width: 330px;

    padding: 10px;

    padding-bottom: 20010px;

    margin-bottom: -20000px;

    border-radius: 6px;

    background: #fff;

    height: 450px;

    float: left;

    margin-top: 0;

}



.inner-page.science-page .banner-box .go-top {

    margin-top: 10px;

    cursor: pointer;

}



.inner-page.science-page .banner-box .go-top.affix {

    top: 50px;

}



.inner-page.science-page .qa-box {

    float: left;

    width: 670px;

    padding-right: 5px;

}



.qa-box li img {

    max-width: 100%;

    height: auto!important;

}



.inner-page.science-page .qa-box li {

    width: 100%;

    padding: 15px 20px 20px;

    border-bottom: 1px solid #e3e3e3;

    cursor: pointer;

    -webkit-transition: background .6s;

    -moz-transition: background .6s;

    -o-transition: background .6s;

    transition: background .6s;

}



.inner-page.science-page .qa-box li h2 {

    font-size: 16px;

    line-height: 24px;

    margin-top: 0;

}



.inner-page.science-page .qa-box li div {

    font-family: verdana,'Hiragino Sans GB',"\5b8b\4f53",arial,sans-serif;

}



.inner-page.science-page .qa-box li:not(.open) div {

    display: none;

}



.inner-page.science-page .qa-box li.open {

    background: #fff;

    border-radius: 6px;

}



.inner-page.science-page .qa-box li:last-child {

    border-bottom: 0!important;

}



.inner-page.connotation-page ul {

    color: #fff;

    margin-right: -30px;

}



.inner-page.connotation-page h2 {

    color: #fff;

    font-size: 36px;

    line-height: 1;

}



.inner-page.connotation-page .conno-fashion h2,.inner-page.connotation-page .conno-technology h2 {

    text-align: right;

}



.inner-page.connotation-page p {

    padding-right: 0!important;

    margin-bottom: 15px;

}



.inner-page.connotation-page .conno-list li {

    position: relative;

    margin-top: 20px;

    margin-right: 20px;

}



.inner-page.connotation-page .conno-list li .img-box {

    position: relative;

    z-index: 1;

}



.inner-page.connotation-page .conno-list li .text-box {

    z-index: 2;

    -webkit-box-shadow: 0 0 10px 3px #e1e1e3;

    box-shadow: 0 0 10px 3px #e1e1e3;

}



.inner-page.connotation-page .conno-list li img,.inner-page.connotation-page .conno-list li .text-box {

    -webkit-transition: all .6s ease-out;

    -moz-transition: all .6s ease-out;

    -o-transition: all .6s ease-out;

    transition: all .6s ease-out;

}



.inner-page.connotation-page .conno-list li:hover img {

    -webkit-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -moz-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -o-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.inner-page.connotation-page .conno-list li:hover .text-box {

    -webkit-transition: all .1s ease-in 0s;

    -moz-transition: all .1s ease-in 0s;

    -o-transition: all .1s ease-in 0s;

    transition: all .1s ease-in 0s;

    -webkit-transform: translate(-10px,0);

    -moz-transform: translate(-10px,0);

    -ms-transform: translate(-10px,0);

    -o-transform: translate(-10px,0);

    transform: translate(-10px,0);

    -webkit-box-shadow: 0 0 10px 10px #e1e1e3;

    box-shadow: 0 0 10px 10px #e1e1e3;

}



.inner-page.connotation-page .conno-list li:hover.conno-technology .text-box {

    -webkit-transform: translate(0,-10px);

    -moz-transform: translate(0,-10px);

    -ms-transform: translate(0,-10px);

    -o-transform: translate(0,-10px);

    transform: translate(0,-10px);

}



.inner-page.connotation-page .conno-list li:hover.conno-love .text-box,.inner-page.connotation-page .conno-list li:hover.conno-health .text-box {

    -webkit-transform: translate(10px,0);

    -moz-transform: translate(10px,0);

    -ms-transform: translate(10px,0);

    -o-transform: translate(10px,0);

    transform: translate(10px,0);

}



.inner-page.connotation-page .conno-list li.conno-love {

    margin-top: 240px;

}



.inner-page.connotation-page .conno-list .img-box {

    border-radius: 5px;

    width: 310px;

    height: 310px;

    overflow: hidden;

}



.inner-page.connotation-page .conno-list .text-box {

    position: absolute;

    left: 30%;

    border-radius: 5px;

    width: 310px;

    padding: 0 17px;

}



.inner-page.connotation-page .conno-list .arrow {

    position: absolute;

    border: 40px solid transparent;

}



.inner-page.connotation-page .conno-delicious .img-box,.inner-page.connotation-page .conno-fashion .img-box {

    border-bottom-left-radius: 30px;

}



.inner-page.connotation-page .conno-love .img-box {

    border-top-left-radius: 30px;

}



.inner-page.connotation-page .conno-technology .img-box,.inner-page.connotation-page .conno-health .img-box {

    border-top-right-radius: 30px;

}



.inner-page.connotation-page .conno-delicious .text-box {

    background: #fc7b03;

    top: 0;

    left: 330px;

    height: 200px;

    border-bottom-right-radius: 30px;

}



.inner-page.connotation-page .conno-delicious .arrow {

    left: -80px;

    top: 60px;

    border-right-color: #fc7b03;

}



.inner-page.connotation-page .conno-love .text-box {

    background: #e98197;

    left: auto;

    top: auto;

    right: 100%;

    bottom: 0;

    margin-right: 20px;

    border-top-left-radius: 30px;

}



.inner-page.connotation-page .conno-love .arrow {

    border-left-color: #e98197;

    top: 50%;

    left: 100%;

    margin-top: -40px;

}



.inner-page.connotation-page .conno-technology .text-box {

    background: #53b4e6;

    top: 330px;

    left: 0;

    border-bottom-right-radius: 30px;

}



.inner-page.connotation-page .conno-technology .arrow {

    border-bottom-color: #53b4e6;

    top: -80px;

    left: 115px;

}



.inner-page.connotation-page .conno-fashion {

    clear: left;

}



.inner-page.connotation-page .conno-fashion .text-box {

    background: #f6902c;

    left: 100%;

    top: 0;

    right: 100%;

    margin-left: 20px;

    margin-right: 20px;

    border-bottom-right-radius: 30px;

}



.inner-page.connotation-page .conno-fashion .arrow {

    border-right-color: #f6902c;

    right: 100%;

    top: 50%;

    margin-top: -40px;

}



.inner-page.connotation-page .conno-health {

    left: 330px;

}



.inner-page.connotation-page .conno-health .img-box {

    height: 370px;

}



.inner-page.connotation-page .conno-health .text-box {

    background: #fc7b03;

    bottom: 0;

    right: 100%;

    left: auto;

    margin-right: 20px;

    border-bottom-left-radius: 30px;

}



.inner-page.connotation-page .conno-health .arrow {

    border-left-color: #fc7b03;

    top: 50%;

    left: 100%;

    margin-top: -40px;

}



.inner-page.product-page {

}



.inner-page.product-page .article-body {

    background: url(../images/pd_bg.jpg) center top no-repeat;

    background-size: 100%;

    -webkit-box-shadow: inset 0 2px 4px 1px #dfdfdf;

    box-shadow: inset 0 2px 4px 1px #dfdfdf;

    padding-bottom: 0;

}



.inner-page.product-page .pd-feature {

    margin: 20px 0;

    clear: both;

    max-width: 500px;

}



.inner-page.product-page .pd-feature li {

    line-height: 20px;

    margin: 10px 15px 0 0;

}



.inner-page.product-page .pd-feature li:before {

    content: " ";

    background: url(../images/ico_feature_right.png);

    display: block;

    float: left;

    width: 20px;

    margin-right: 10px;

    height: 20px;

}

/*.inner-page.product-page .pd-feature li:after {

    content: " ";

    background: url(../images/ico_feature_right.png);

    display: block;

    float: left;

    width: 20px;

    margin-right: 10px;

    height: 20px;

}*/





.inner-page.product-page .pd-detail {

    max-width: 500px;

}



.inner-page.product-page .p-label {

    position: relative;

    margin-right: 10px;

    padding: 5px;

    float: left;

    width: 86px;

    height: 100%;

    line-height: 16px;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    background: #fc7b03;

    max-width: 500px;

}



/*.inner-page.product-page .p-label {

    background: url(../images/pd_label_1_left.png) no-repeat;

    float: left;

    min-width: 76px;

    width: 80px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    color: #fff;

    position: relative;

    margin-right: 10px;

}*/



.inner-page.product-page .p-label span {

    position: relative;

    z-index: 1;

    /*padding: 0 10px;*/

}



/*.inner-page.product-page .p-label:after {

    content: " ";

    position: absolute;

    left: 8px;

    right: 0;

    top: 0;

    height: 100%;

    z-index: 0;

    background: url(../images/pd_label_1_right.png) right 0 no-repeat;

}*/



.inner-page.product-page .p-label:before {

    content: " ";

    position: absolute;

    left: 8px;

    right: 8px;

    top: 0;

    height: 100%;

    z-index: 0;

    background: #fc7b03;

}



.inner-page.product-page .p-detail {

    display: table-cell;

    width: 500px;

}



.inner-page.product-page .pd-detail li {

    float: none;

    margin-bottom: 12px;

    display: block;

}



.inner-page.product-page .top-bd {

    margin-bottom: 30px;

}



.inner-page.product-page .top-bd .title {

    color: #fc7b03;

    padding-top: 50px;

}



.inner-page.product-page .top-bd .info-box {

    position: relative;

    float: left;

    width: 100%;

    min-height: 375px;

    max-width: 550px;

    height: auto!important;

    z-index: 1;

}



.inner-page.product-page .top-bd .kv-box {

    position: absolute;

    top: 25px;

    right: 0;

    max-width: 700px;

    text-align: center;

}



.inner-page.product-page .top-bd .kv-box img {

    max-height: 360px;

}



.inner-page.product-page .top-bd .hot-ico {

    background: url(../images/ico_hot.png) no-repeat;

    width: 95px;

    height: 35px;

    display: inline-block;

}



.inner-page.product-page .top-bd .star-ico {

    background: url(../images/ico_stars.png) no-repeat;

    width: 89px;

    height: 2px;

    display: inline-block;

}



.inner-page.product-page .mid-bd {

    height: 330px;

    margin-bottom: 35px;

    position: relative;

}



.inner-page.product-page .mid-bd .pd-title {

    color: #fc7b03;

}



.inner-page.product-page .mid-bd:before {

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: url(../images/wait.png) center top no-repeat;

    z-index: 0;

}



.inner-page.product-page .mid-bd .mid-content {

    position: relative;

    height: 100%;

    z-index: 1;

}



.inner-page.product-page .caption {

    padding: 30px;

    width: 250px;

    float: left;

    height: 330px;

    color: #fff;

    background: url(../images/pd_video_bg.png) no-repeat;

}



.inner-page.product-page .caption .detail {

    height: 100px;

    overflow: hidden;

}



.inner-page.product-page .menu-content .main {

    float: left;

    width: 630px;

    height: 328px;

    border: 1px solid #f3d131;

}



.inner-page.product-page .menu-content .caption {

    padding: 0;

    width: 200px;

    background: url(../images/pd_menu_bg.png) no-repeat;

}



.inner-page.product-page .menu-content .caption .info {

    padding: 27px;

}



.inner-page.product-page .menu-content .tab {

    padding: 0 27px;

    height: 35px;

    width: 100%;

    line-height: 35px;

}



.inner-page.product-page .menu-content .kv {

    float: left;

    width: 326px;

    overflow: hidden;

    border: 1px solid #f3d131;

    border-width: 1px 0;

}



.inner-page.product-page .menu-content .kv img {

    height: 328px;

}



.inner-page.product-page .menu-content .detail-box {

    padding: 15px 0 15px 20px;

    background: #fff;

    position: relative;

    height: 330px;

    border: 1px solid #f3d131;

    border-bottom-right-radius: 7px;

    border-top-right-radius: 7px;

    border-width: 1px 1px 1px 0;

}



.inner-page.product-page .menu-content .detail-box .see-menu {

    font-size: 14px;

    display: block;

    float: left;

    background: #fc7b03;

    position: absolute;

    bottom: 30px;

    left: 30px;

    border-radius: 5px;

    padding: 0 10px;

    height: 25px;

    line-height: 25px;

    color: #fff;

}



.inner-page.product-page .menu-content .detail-box .see-menu:hover {

    background: #009641;

}



.inner-page.product-page .menu-content #pdMenuCarousel .carousel-indicators {

    width: 200px;

    height: 193px;

    background: #f3d131;

}



.inner-page.product-page .menu-content #pdMenuCarousel .carousel-indicators .tab.active,.inner-page.product-page .menu-content #pdMenuCarousel .carousel-indicators .tab:hover {

    background: #dcb500;

}



.inner-page.product-page .carousel.slide {

    padding-left: 200px;

}



.inner-page.product-page #pdVideoCarousel {

    padding-left: 250px;

}



.inner-page.product-page #pdVideoCarousel>.pscroll-y-box,.inner-page.product-page #pdMenuCarousel>.pscroll-y-box {

    width: 250px;

    height: 185px;

    top: 117px;

    overflow: hidden;

    position: absolute;

    left: 0;

}



.inner-page.product-page .caption {

    position: absolute;

    left: 0;

}



.inner-page.product-page .carousel-indicators {

    left: 0;

    top: 0;

    margin-left: 0;

}



.inner-page.product-page .pd-content,.inner-page.product-page .menu-content {

    width: 830px;

    float: left;

    height: 100%;

}



.inner-page.product-page .pd-content {

    position: relative;

    z-index: 1;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    border-bottom-left-radius: 28px;

    border-bottom-right-radius: 7px;

    overflow: hidden;

}



.inner-page.product-page .pd-content .carousel {

    overflow: hidden;

}



.inner-page.product-page .pd-content .video-content .video-box {

    width: 580px;

    float: left;

}



.inner-page.product-page .pd-content .video-content .item {

    height: 100%;

}



.inner-page.product-page .pd-content .carousel-inner {

    background: #fff;

}



.inner-page.product-page .pd-content .carousel-inner .item.left,.inner-page.product-page .pd-content .carousel-inner .item.right {

    z-index: 99;

}



.inner-page.product-page .pd-content .carousel-indicators {

    position: absolute;

    width: 250px;

    height: 185px;

}



.inner-page.product-page .pd-content .carousel-indicators .tab {

    text-align: left;

    cursor: pointer;

    color: #fff;

    padding: 0 30px;

    height: 35px;

    width: 100%;

    line-height: 35px;

}



.inner-page.product-page .pd-content .carousel-indicators .tab.active,.inner-page.product-page .pd-content .carousel-indicators .tab:hover {

    background: #86b023;

}



.inner-page.product-page .pd-tabs {

    width: 162px;

    float: left;

    height: 100%;

    margin: 0 0 -10px 7px;

}



.inner-page.product-page .pd-tabs li {

    margin: 0 0 10px;

}



.inner-page.product-page .pd-tabs a {

    font-size: 14px;

    display: block;

    text-decoration: none;

}



.inner-page.product-page .pd-tabs .ico {

    text-align: center;

    color: #fff;

    width: 160px;

    height: 160px;

}



.inner-page.product-page .pd-tabs .ico-go-video {

    padding-top: 114px;

    background: url(../images/ico-go-video.png) no-repeat;

}



.inner-page.product-page .pd-tabs .ico-special-menu {

    padding-top: 118px;

    background: url(../images/ico-special-menu.png) no-repeat;

}



.inner-page.product-page .pd-tabs li.active .ico-special-menu,.inner-page.product-page .pd-tabs li .ico-special-menu:hover {

    background: url(../images/ico-special-menu-hover.png) no-repeat;

    color: #f3d131;

}



.inner-page.product-page .pd-tabs li.active .ico-go-video,.inner-page.product-page .pd-tabs li .ico-go-video:hover {

    background: url(../images/ico-go-video-hover.png) no-repeat;

    color: #fc7b03;

}



.inner-page.product-page .bott-bd {

    background: #f5f5f5;

    border-top: 10px solid #f3d131;

    padding-bottom: 40px;

    position: relative;

}



.inner-page.product-page .bott-bd .top-label {

    z-index: 4;

    position: relative;

}



.inner-page.product-page .bott-bd.openSlide .top-label {

    z-index: 0;

}



.inner-page.product-page .bott-bd .other-list {

    margin: 0;

    display: block;

    width: 20000px;

}



.inner-page.product-page .bott-bd .other-list li {

    width: 326px;

    float: left;

    display: inline-block;

}

 

.inner-page.product-page .bott-bd .other-list a {

    text-align: center;

}



.inner-page.product-page .bott-bd .other-list img {

   

}



.inner-page.product-page .bott-bd .other-list span {

    border-radius: 5px;

    line-height: 25px;

    color: #fc7b03;

    background: #fff;

    width: 170px;

    margin: 20px auto;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-box-shadow: 0 0 4px 2px #eee;

    box-shadow: 0 0 4px 2px #eee;

}



.inner-page.product-page .bott-bd .other-container {

    overflow: hidden;

    position: relative;

    z-index: 3;

    top: -42px;

}



.inner-page.product-page .bott-bd .other-list-box {

    margin: 79px -100% 0 0;

    float: left;

    width: 100%;

}



.inner-page.product-page .bott-bd .other-detail-box.in {

    visibility: visible;

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    -o-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out;

}



.inner-page.product-page .bott-bd .other-detail-box {

    position: relative;

    width: 100%;

    z-index: 10;

    visibility: hidden;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-transform: translate3d(100%,0,0);

    -moz-transform: translate3d(100%,0,0);

    -o-transform: translate3d(100%,0,0);

    transform: translate3d(100%,0,0);

    -webkit-transition: all .6s ease-in;

    -moz-transition: all .6s ease-in;

    -o-transition: all .6s ease-in;

    transition: all .6s ease-in;

    -webkit-box-shadow: 3px 5px 24px rgba(0,0,0,.36);

    -moz-box-shadow: 3px 5px 24px rgba(0,0,0,.36);

    box-shadow: 3px 5px 24px rgba(0,0,0,.36);

    overflow: hidden;

}



.inner-page.product-page .bott-bd .other-detail-box .close-bg {

    position: absolute;

    top: 0;

    right: 0;

    display: block;

    border: 20px solid #000;

    border-color: #f3d131 #f3d131 transparent transparent;

}



.inner-page.product-page .bott-bd .other-detail-box .close-btn {

    color: #fff;

    top: 0;

    right: 0;

    z-index: 2;

    position: absolute;

    cursor: pointer;

}



.inner-page.product-page .bott-bd .other-detail-box .close-btn span {

    position: absolute;

    right: 4px;

    top: 0;

    font-size: 21px;

    line-height: 1;

    text-shadow: 0 1px 0 #fff;

}



.inner-page.product-page .bott-bd .other-detail-box .close-btn:hover {

    color: red;

}



.inner-page.product-page .bott-bd .other-detail-list {

    background: #fff;

    position: relative;

    z-index: 1;

}



.inner-page.product-page .bott-bd .other-detail-list .info-box {

    float: left;

    width: 600px;

    padding: 40px 5px 50px 30px;

}



.inner-page.product-page .bott-bd .other-detail-list .pd-detail {

    margin-top: 20px;

}



.inner-page.product-page .bott-bd .other-detail-list .p-detail {

    display: table-cell;

}



.inner-page.product-page .bott-bd .other-detail-list .title {

    margin-bottom: 35px;

}



.inner-page.product-page .bott-bd .other-detail-list .item {

    display: none;

    position: relative;

    overflow: hidden;

    cursor: pointer;

    width: 100%;

}



.inner-page.product-page .bott-bd .other-detail-list .item.active {

    display: block;

}



.inner-page.product-page .bott-bd .other-detail-list .pd-detail-box li {

    margin-bottom: 12px;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box {

    margin: 10px 10px 10px 600px;

    overflow: hidden;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box .slide-wrap {

    position: relative;

    /* left: 160px; */

    left: 20px;

    overflow: inherit;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box .slide-wrap.last {

    left: -160px;

    -webkit-transition: left .3s ease-out;

    transition: left .3s ease-out;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box ul {

    width: 10000%;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box ul li {

    text-align: center;

    width: 300px;

    height: 300px;

    margin-right: 10px;

    display: table;

    table-layout: fixed;

    overflow: hidden;

    padding: 0;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box ul li div {

    display: table-cell;

    vertical-align: middle;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box ul li img {

    max-width: 300px;

    max-height: 300px;

    margin-top: 20px;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box .slide-prev,.inner-page.product-page .bott-bd .other-detail-list .img-box .slide-next {

    display: none;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li {

    padding: 10px;

    position: relative;

    background: #f3f3f3;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li div {

    position: relative;

    height: 300px;

    width: 300px;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li div:after {

    background: url(../images/pd_left_mask.png) right repeat-y;

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li.active div:after {

    display: none;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li.active+li div:after {

    background: url(../images/pd_left_mask.png) repeat-y;

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li div:hover:after {

    opacity: 0;

}



.inner-page.product-page .bott-bd .a-title {

    background: #f3d131;

    padding: 0 50px;

    line-height: 30px;

    height: 40px;

    display: block;

    float: left;

    color: #fff;

    margin: 0;

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

}



.inner-page.product-page .bott-bd .go-shop {

    background: url(../images/ico_go_shop.png) no-repeat;

    line-height: 20px;

    margin-top: 22px;

    color: #fc7b03;

    text-decoration: underline;

    text-indent: 27px;

    font-size: 14px;

    display: block;

}



.inner-page.product-menu-page .material-list {

    border: 1px solid #ddd;

    padding: 19px 19px 3px;

}



.inner-page.product-menu-page .material-list li {

    width: 33.33%;

    float: left;

    color: #fc7b03;

    line-height: 1;

    margin-bottom: 12px;

    font-size: 11.9px;

}



.inner-page.product-menu-page .recipe-bd {

    border-bottom: 1px solid #ddd;

}



.inner-page.product-menu-page .recipe-bd li {

    *zoom: 1;

    width: 100%;

}



.inner-page.product-menu-page .recipe-bd li:before,.inner-page.product-menu-page .recipe-bd li:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.product-menu-page .recipe-bd li:after {

    clear: both;

}



.inner-page.product-menu-page .recipe-bd .pic {

    float: right;

    border-radius: 6px;

}



.inner-page.product-menu-page .recipe-bd .info {

    width: 240px;

    float: left;

}



.inner-page.product-menu-page .recipe-bd li {

    margin-bottom: 20px;

}



.inner-page.product-menu-page .recipe-bd li:before {

    background: url(../images/ico_gr_dot30.png);

    display: block;

    width: 29px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    font-size: 16px;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    float: left;

    margin-right: 10px;

}



.inner-page.product-menu-page .recipe-bd li:nth-child(1):before {

    content: '1';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(2):before {

    content: '2';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(3):before {

    content: '3';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(4):before {

    content: '4';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(5):before {

    content: '5';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(6):before {

    content: '6';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(7):before {

    content: '7';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(8):before {

    content: '8';

}



.inner-page.product-menu-page .recipe-body {

    padding: 20px 45px 40px 40px;

    width: 685px;

    float: left;

}



.inner-page.product-menu-page .aside {

    float: right;

    width: 280px;

    border-radius: 6px;

    overflow: hidden;

}



.inner-page.product-menu-page .aside .bd-title {

    background: #f3d131;

    color: #fff;

    text-align: center;

    height: 50px;

    margin: 0;

    line-height: 50px;

}



.inner-page.product-menu-page .aside .other-recipes {

    padding-bottom: 20px;

}



.inner-page.product-menu-page .aside .other-recipes h4 {

    color: #fc7b03;

    font-weight: 700;

    text-align: center;

    margin: 15px 0 0;

}



.inner-page.product-menu-page .aside .other-recipes ul {

    height: 540px;

}



.inner-page.product-menu-page .aside .other-recipes li {

    width: 100%;

    padding: 40px 40px 0;

}



.inner-page.product-menu-page .aside .pagination {

    width: 100%;

    text-align: center;

    margin-bottom: 20px;

}



.inner-page.product-menu-page .aside .pagination a {

    color: #d9d9d9;

    padding: 5px 7px;

    line-height: 20px;

    height: 30px;

    display: block;

    border: 0;

}



.inner-page.product-menu-page .aside .pagination li.current a,.inner-page.product-menu-page .aside .pagination .prev a,.inner-page.product-menu-page .aside .pagination .next a {

    color: #fc7b03;

}



.inner-page.product-menu-page .aside .pagination li {

    display: inline-block;

    float: none;

}



.inner-page.product-menu-page .go-top {

    margin-top: 30px;

}



.inner-page.product-menu-page .article-body {

    background: #f5f5f5;

}



.inner-page.product-menu-page .slide-wrap {

    margin: 0 65px;

}



.inner-page.product-menu-page .top-bd .info-box {

    float: left;

    width: 100%;

    padding-top: 10px;

}



.inner-page.product-menu-page .top-bd .menu-info {

    width: 550px;

    padding-left: 30px;

}



.inner-page.product-menu-page .top-bd .menu-info .menu-intro {

    margin: 24px 0 10px;

    line-height: 2;

}



.inner-page.product-menu-page .top-bd .menu-info .menu-list {

    color: #fc7b03;

}



.inner-page.product-menu-page .top-bd .menu-info .menu-list li {

    display: block;

    float: none;

    margin-top: 10px;

}



.inner-page.product-menu-page .top-bd .title {

    padding: 0;

}



.inner-page.product-menu-page .mid-bd {

    height: auto;

    background: #f5f5f5;

    border-top: 10px solid #f3d131;

    padding-top: 20px;

    padding-bottom: 30px;

}



.inner-page.product-menu-page .mid-bd li {

    *zoom: 1;

    background: #fff;

    border-bottom: 6px solid #eaeaea;

    width: 100%;

}



.inner-page.product-menu-page .mid-bd li:before,.inner-page.product-menu-page .mid-bd li:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.product-menu-page .mid-bd li:after {

    clear: both;

}



.inner-page.product-menu-page .mid-bd li div {

    width: 580px;

    float: left;

    min-height: 250px;

    padding: 170px 70px 0;

}



.inner-page.product-menu-page .mid-bd li img {

    float: right;

    margin: 20px 20px 20px 0;

}



.inner-page.product-menu-page .mid-bd li:nth-child(1) div {

    background: url(../images/step_1.png) center 30px no-repeat;

}



.inner-page.product-menu-page .mid-bd li:nth-child(2) div {

    background: url(../images/step_2.png) center 30px no-repeat;

}



.inner-page.product-menu-page .mid-bd li:nth-child(3) div {

    background: url(../images/step_3.png) center 30px no-repeat;

}



.inner-page.product-menu-page .mid-bd li:nth-child(4) div {

    background: url(../images/step_4.png) center 30px no-repeat;

}



.inner-page.product-menu-page .mid-bd li:nth-child(5) div {

    background: url(../images/step_5.png) center 30px no-repeat;

}



.inner-page.product-menu-page .mid-bd li:nth-child(6) div {

    background: url(../images/step_6.png) center 30px no-repeat;

}



.inner-page .qa-box,.inner-page .news-list-box {

    float: left;

    width: 680px;

    padding-right: 30px;

}



.inner-page .news-list-box {

    margin-top: -30px;

}



.inner-page .news-list-box {

    padding-left: 40px;

    padding-right: 40px;

}



.inner-page .banner-box {

    width: 320px;

    padding-right: 10px;

    margin-top: -20px;

    float: left;

}



.inner-page .banner-box .go-top {

    margin-top: 10px;

    cursor: pointer;

}



.inner-page .banner-box .go-top.affix {

    top: 50px;

}



.inner-page.health-page .article-body {

    padding-bottom: 0;

}



.inner-page.health-page .qa-box {

    padding-left: 30px;

}



.inner-page.health-page .title {

    color: #fc7b03;

    line-height: 26px;

}



.inner-page.health-page .time-line {

    color: #ccc;

    font-family: verdana,'Hiragino Sans GB',"\5b8b\4f53",arial,sans-serif;

}



.inner-page.health-page .update-time {

    padding-right: 15px;

}



.inner-page.join-home-page {

}



.inner-page.join-home-page .top-bd {

    background: url(../images/b_half_circle.png) center no-repeat;

    height: 93px;

    position: relative;

    z-index: 2;

}



.inner-page.join-home-page .article-body {

    padding-top: 0;

    -webkit-box-shadow: inset 0 3px 6px rgba(223,223,223,.75);

    box-shadow: inset 0 3px 6px rgba(223,223,223,.75);

}



.inner-page.join-home-page .big-show {

    position: relative;

    z-index: 1;

    height: 355px;

}



.inner-page.join-home-page .carton-bd {

    position: relative;

    z-index: 1;

}



.inner-page.join-home-page .carton-bd span,.inner-page.join-home-page .carton-bd i {

    display: block;

}



.inner-page.join-home-page .follow-bd .title {

    background: url(../images/follow_text.png) no-repeat center #f3d131;

    height: 40px;

}



.inner-page.join-home-page .big-show span,.inner-page.join-home-page .big-show i {

    position: absolute;

}



.inner-page.join-home-page .man_1 span {

    left: 95px;

    top: 101px;

    background: url(../images/man_1.png) no-repeat;

    width: 267px;

    height: 351px;

    z-index: 2;

}



.inner-page.join-home-page .man_1 i {

    left: 84px;

    top: 337px;

    background: url(../images/circle_1.png) no-repeat;

    width: 195px;

    height: 170px;

    z-index: 1;

}



.inner-page.join-home-page .man_2 span {

    left: 587px;

    top: -12px;

    background: url(../images/man_2.png) no-repeat;

    width: 350px;

    height: 527px;

    z-index: 6;

}



.inner-page.join-home-page .man_2 i {

    left: 722px;

    top: 340px;

    background: url(../images/circle_3.png) no-repeat;

    width: 161px;

    height: 161px;

    z-index: 5;

}



.inner-page.join-home-page .girl_1 span {

    left: 371px;

    top: 56px;

    background: url(../images/girl_1.png) no-repeat;

    width: 284px;

    height: 387px;

    z-index: 3;

}



.inner-page.join-home-page .girl_1 i {

    left: 380px;

    top: 284px;

    background: url(../images/circle_2.png) no-repeat;

    width: 208px;

    height: 208px;

    z-index: 4;

}



.inner-page.join-home-page .carton-bd .arrow {

    background: url(../images/arrow_join.png) no-repeat;

    position: absolute;

    top: -50px;

    left: 259px;

    width: 144px;

    height: 136px;

    -webkit-transition: transform .4s;

    -moz-transition: transform .4s;

    -o-transition: transform .4s;

    transition: transform .4s;

}



.inner-page.join-home-page .carton-bd li.man_1:hover~.arrow {

    -webkit-transform: translate3d(10px,-10px,0);

    -moz-transform: translate3d(10px,-10px,0);

    -o-transform: translate3d(10px,-10px,0);

    transform: translate3d(10px,-10px,0);

}



.inner-page.join-home-page .carton-bd li.girl_1:hover~.arrow {

    -webkit-transform: rotate(-30deg) translate3d(200px,10px,0);

    -moz-transform: rotate(-30deg) translate3d(200px,10px,0);

    -o-transform: rotate(-30deg) translate3d(200px,10px,0);

    transform: rotate(-30deg) translate3d(200px,10px,0);

}



.inner-page.join-home-page .carton-bd li.man_2:hover~.arrow {

    left: 400px;

    transform-origin: 100% 0;

    -webkit-transform-origin: 100% 0;

    -webkit-transform: rotate(-60deg) translate3d(100px,30px,0);

    -moz-transform: rotate(-60deg) translate3d(100px,30px,0);

    -o-transform: rotate(-60deg) translate3d(100px,30px,0);

    transform: rotate(-60deg) translate3d(100px,30px,0);

}



.inner-page.join-home-page .carton-bd span {

    -webkit-transition: all .4s ease-in;

    -moz-transition: all .4s ease-in;

    -o-transition: all .4s ease-in;

    transition: all .4s ease-in;

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    -o-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}



.inner-page.join-home-page .man_1:hover span {

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

    -webkit-transform: translate3d(-7px,-20px,0);

    -moz-transform: translate3d(-7px,-20px,0);

    -o-transform: translate3d(-7px,-20px,0);

    transform: translate3d(-7px,-20px,0);

}



.inner-page.join-home-page .girl_1:hover span {

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

    -webkit-transform: translate3d(0px,-30px,0);

    -moz-transform: translate3d(0px,-30px,0);

    -o-transform: translate3d(0px,-30px,0);

    transform: translate3d(0px,-30px,0);

}



.inner-page.join-home-page .man_2:hover span {

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

    -webkit-transform: translate3d(4.5px,-20px,0);

    -moz-transform: translate3d(4.5px,-20px,0);

    -o-transform: translate3d(4.5px,-20px,0);

    transform: translate3d(4.5px,-20px,0);

}



.inner-page.join-home-page .carton-bd li i {

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

}



.inner-page.join-home-page .carton-bd li:hover i {

    -webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.inner-page.join-home-page .slogan-bd {

    position: relative;

    z-index: 3;

    background: url(../images/slogan.png) no-repeat;

    width: 973px;

    height: 350px;

    margin: 0 auto;

}



.inner-page.join-home-page .wx_text {

    background: url(../images/wx_text.png) no-repeat;

    width: 158px;

    height: 69px;

}



.inner-page.join-home-page .sina_text {

    background: url(../images/weibo_text.png) no-repeat;

    width: 200px;

    height: 68px;

}



.inner-page.join-home-page .text-bd .title {

    background: url(../images/join_title1.jpg) no-repeat center;

    height: 50px;

    margin-bottom: 30px;

}



.inner-page.join-home-page .text-wrap {

    position: relative;

    z-index: 2;

    margin: -95px auto;

    padding: 75px 20px;

    width: 900px;

    -webkit-border-radius: 18px;

    -moz-border-radius: 18px;

    border-radius: 18px;

    background-color: #fff;

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.12);

    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.12);

    box-shadow: 0 6px 12px rgba(0,0,0,.12);

}



.inner-page.join-home-page .text-bd {

    padding: 0 23px 50px;

}



.inner-page.join-home-page .left-ct {

    color: #666;

    width: 484px;

    padding-right: 20px;

    float: left;

}



.inner-page.join-home-page .right-cnt {

    float: left;

}



.inner-page.join-home-page .club-link {

    background-color: #b264b0;

}



.inner-page.join-home-page .club-link:hover {

    background-color: #984b96;

}



.inner-page.join-home-page .app-link {

    background-color: #fc7b03;

}



.inner-page.join-home-page .app-link:hover {

    background-color: #7c9d2e;

}



.inner-page.join-home-page .club-link,.inner-page.join-home-page .app-link {

    margin: 10px 0;

    text-decoration: none!important;

    font-size: 18px;

    color: #fff;

    display: inline-block;

    padding: 0 20px;

    line-height: 40px;

    text-align: left;

    height: 40px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

}



.inner-page.join-home-page .follow-bd .main img {

    float: left;

}



.inner-page.join-home-page .img-cover {

    margin: 30px 0;

}



.inner-page.wait-page {

    background: url(../images/wait.png) center no-repeat;

    height: 530px;

}



.inner-page .article-box .detail-box {

    margin-top: 20px;

    min-height: 530px;

}



.inner-page .article-box .detail-box h1,.inner-page .article-box .detail-box h2,.inner-page .article-box .detail-box h3,.inner-page .article-box .detail-box h4,.inner-page .article-box .detail-box h5 {

    color: #fc7b03;

}



.inner-page .article-box .detail-box img {

    margin: 10px 0 0px;

    max-width: 600px;

}



.inner-page .back {

    font-size: 14px;

    font-family: verdana,'Hiragino Sans GB',"\5b8b\4f53",arial,sans-serif;

    float: right;

    color: #fc7b03;

}



.inner-page .news-list .img-box {

    width: 220px;

    float: left;

}



.inner-page .news-list .img-box img {

    width: 100%;

    border-radius: 6px;

}



.inner-page .news-list .info-box {

    width: 380px;

    float: left;

    padding-left: 20px;

    color: #797979;

}



.inner-page .news-list .info-box h4 {

    margin-top: 0;

}



.inner-page .news-list .digest {

    margin-top: 10px;

    margin-right: -16px;

    height: 48px;

    overflow: hidden;

}



.inner-page .news-list .read-times {

    padding-left: 10px;

}



.inner-page .news-list .digest {

    line-height: 2;

}



.inner-page .news-list li {

    padding: 30px 0;

    border-bottom: 1px solid #e3e3e3;

    *zoom: 1;

}



.inner-page .news-list li:before,.inner-page .news-list li:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page .news-list li:after {

    clear: both;

}



.inner-page .j-pagination {

    *zoom: 1;

    margin-top: 20px;

    margin-right: 40px;

}



.inner-page .j-pagination:before,.inner-page .j-pagination:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page .j-pagination:after {

    clear: both;

}



.inner-page .j-pagination li {

    float: left;

    margin-right: 10px;

}



.inner-page .j-pagination li a {

    padding: 9px 10px;

    color: #000;

    display: block;

    line-height: 1;

    border: 1px solid #c1c1c1;

}



.inner-page .j-pagination li a.current,.inner-page .j-pagination li a[href]:hover {

    background: #2d9c2c;

    color: #fff;

}



.inner-page .page-box {

    display: inline-block;

}



.inner-page .bdsharebuttonbox {

    float: right;

    margin-top: 21px;

    display: inline-block;

}



.inner-page .bdsharebuttonbox .t {

    float: left;

    font-size: 14px;

    color: #000;

    margin: 4px 8px;

}



.inner-page .bds_tqq,.inner-page .bds_tsina,.inner-page .bds_weixin,.inner-page .bds_sqq,.inner-page .bds_douban {

    background: url(../images/share-btns.jpg) no-repeat!important;

    height: 30px;

    width: 30px;

    display: block;

    margin: 0 5px!important;

    float: left;

}



.inner-page .bds_tsina {

    background-position: 0 0!important;

}



.inner-page .bds_weixin {

    background-position: -122px 0!important;

}



.inner-page .bds_sqq {

    background-position: -41px 0!important;

}



.inner-page .bds_tqq {

    background-position: -81px 0!important;

}



.inner-page .bds_douban {

    background-position: right 0!important;

}



.inner-page .other-articles {

    border: 1px solid #ffcb37;

    border-radius: 6px;

    margin-top: 10px;

}



.inner-page .other-articles li.title {

    background: #f3d131;

    color: #fff;

    text-align: center;

    height: 36px;

    margin-bottom: 12px;

}



.inner-page .other-articles li.title h3 {

    line-height: 34px;

    margin: 0;

}



.inner-page .other-articles li {

    width: 100%;

}



.inner-page .other-articles li a {

    display: block;

    color: #fc7b03;

    text-decoration: none;

    height: 36px;

    line-height: 32px;

    margin: 0 18px;

    border-bottom: 1px solid #ffcb37;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.inner-page .other-articles li a[href]:hover {

    color: #ff4500;

}



.inner-page .other-articles li:last-child a {

    border-bottom: 0;

}



.inner-page #loadMoreNews {

    background: #e3e3e3;

    font-size: 18px;

    height: 40px;

    line-height: 40px;

    border-radius: 6px;

    color: #fff;

    border: 0;

    width: 100%;

}



.inner-page .news-list-box.loading:after {

    content: " ";

    background: url(../images/loading.gif) no-repeat;

    width: 32px;

    height: 32px;

    margin: 15px auto;

    background-size: 100%;

    background-image: none\9;

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images%2Floading.gif', sizingMethod=scale);

    display: block;

}



.inner-page.health-page .article-body>.container>.row {

    background: #fff;

    padding: 30px 0;

    border-radius: 6px;

}



.inner-page.terms-page h1,.inner-page.terms-page h4 {

    color: #fc7b03;

}



.inner-page.contact-page .box-left,.inner-page.join-home-page .box-left,.inner-page.contact-page .box-right,.inner-page.join-home-page .box-right {

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    float: left;

    margin: 40px 20px;

    width: 390px;

    padding: 10px;

}



.inner-page.contact-page .box-left,.inner-page.join-home-page .box-left {

    border: 1px solid #fc7b03;

}



.inner-page.contact-page .box-right,.inner-page.join-home-page .box-right {

    border: 1px solid #e77a5d;

}



.inner-page.contact-page .wx_label,.inner-page.join-home-page .wx_label,.inner-page.contact-page .weibo_label,.inner-page.join-home-page .weibo_label {

    width: 206px;

    text-align: center;

    float: left;

    height: 150px;

}



.inner-page.contact-page .wx_label h4,.inner-page.join-home-page .wx_label h4,.inner-page.contact-page .weibo_label h4,.inner-page.join-home-page .weibo_label h4 {

    color: #666;

    margin-top: 20px;

}



.inner-page.contact-page .wx_label,.inner-page.join-home-page .wx_label {

    background: url(../images/wx_text.png) no-repeat 26px 55px;

}



.inner-page.contact-page .weibo_label,.inner-page.join-home-page .weibo_label {

    background: url(../images/weibo_text.png) no-repeat 12px 55px;

}



.inner-page.contact-page .weibo_label:hover,.inner-page.join-home-page .weibo_label:hover {

    color: #e77a5d;

}



.inner-page.contact-page .news-list-box {

    padding-left: 30px;

}



.inner-page.contact-page .bdsharebuttonbox {

    float: left;

}



.inner-page.contact-page .detail-box p,.inner-page.contact-page .follow-box {

    margin-bottom: 30px;

}



.inner-page.contact-page .wx_label {

    width: 167px!important;

    margin-left: 5px;

}



.inner-page.contact-page .wx_label {

    background-position: 0 55px;

}



.inner-page.contact-page .weibo_label {

    background: url(../images/weibo_text.png) no-repeat 0 55px;

    width: 175px!important;

    margin-left: 5px;

    background-size: 100%;

}



.inner-page.contact-page .box-left,.inner-page.contact-page .box-right {

    padding: 0 5px;

    margin: 0 15px 0 0;

    width: 305px;

}



.inner-page.contact-page .box-left h4,.inner-page.contact-page .box-right h4 {

    font-size: 16px;

}



.inner-page.contact-page .box-left img,.inner-page.contact-page .box-right img {

    float: left;

    width: 112px;

}



.inner-page.contact-page .follow-box {

    width: 700px;

}



#respSlide {

    padding-bottom: 70px;

}



#respSlide .item>p {

    display: inline;

}



.common-slide .glyphicon.glyphicon-chevron-right,.common-slide .glyphicon.glyphicon-chevron-left {

    width: 55px;

    top: 150px;

}



.common-slide .carousel-control:hover,.common-slide .carousel-control:focus {

    opacity: 1;

    filter: alpha(opacity=100);

}



.common-slide .glyphicon.glyphicon-chevron-left:before,.common-slide .glyphicon.glyphicon-chevron-right:before {

    content: " ";

    background: url(../images/slide-arrow.png) no-repeat;

    height: 100px;

    width: 55px;

    display: block;

}



.common-slide .glyphicon.glyphicon-chevron-right:before {

    background-position: 0 -100px;

}



.main-footer {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

}



body {

    padding-bottom: 50px;

}



@media screen and (max-width:1199px) {

    #respSlide .carousel-control {

        display: none;

    }

}



.go-top.affix {

    top: 89px!important;

}



#loadMoreNews:active {

    background: #fc7b03;

}



@-webkit-keyframes moveTip {

    100% {

        transform: translateX(10px);

        -webkit-transform: translateX(10px);

    }

}



@keyframes moveTip {

    100% {

        transform: translateX(10px);

    }

}



@keyframes jumpUp {

    0%,100% {

        transform: scale(1);

        animation-timing-function: ease-out;

    }



    50% {

        animation-timing-function: ease-in;

        transform: scale(1.1) translate3d(0,-10%,0);

    }

}



@-webkit-keyframes jumpUp {

    0%,100% {

        transform: scale(1);

        animation-timing-function: ease-out;

        -webkit-transform: scale(1);

        -webkit-animation-timing-function: ease-out;

    }



    50% {

        transform: scale(1.1) translate3d(0,-10%,0);

        -webkit-transform: scale(1.1) translate3d(0,-10%,0);

        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);

        transition-timing-function: cubic-bezier(0.215,.61,.355,1);

    }

}



@-webkit-keyframes tada {

    0% {

        -webkit-transform: scale3d(1,1,1);

        transform: scale3d(1,1,1);

    }



    20% {

        -webkit-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);

        transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);

    }



    50%,90% {

        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

    }



    60% {

        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

    }



    100% {

        -webkit-transform: scale3d(1,1,1);

        transform: scale3d(1,1,1);

    }

}



@keyframes tada {

    0% {

        -webkit-transform: scale3d(1,1,1);

        transform: scale3d(1,1,1);

    }



    20% {

        -webkit-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);

        transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);

    }



    50%,90% {

        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

    }



    60% {

        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

    }



    100% {

        -webkit-transform: scale3d(1,1,1);

        transform: scale3d(1,1,1);

    }

}



@-webkit-keyframes bounce {

    0%,20%,53%,80%,100% {

        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);

        transition-timing-function: cubic-bezier(0.215,.61,.355,1);

        -webkit-transform: translate3d(0,0,0);

        transform: translate3d(0,0,0);

    }



    40%,43% {

        -webkit-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        -webkit-transform: translate3d(0,-30px,0);

        transform: translate3d(0,-30px,0);

    }



    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        -webkit-transform: translate3d(0,-15px,0);

        transform: translate3d(0,-15px,0);

    }



    90% {

        -webkit-transform: translate3d(0,-4px,0);

        transform: translate3d(0,-4px,0);

    }

}



@keyframes bounce {

    0%,20%,53%,80%,100% {

        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);

        transition-timing-function: cubic-bezier(0.215,.61,.355,1);

        -webkit-transform: translate3d(0,0,0);

        transform: translate3d(0,0,0);

    }



    40%,43% {

        -webkit-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        -webkit-transform: translate3d(0,-30px,0);

        transform: translate3d(0,-30px,0);

    }



    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        -webkit-transform: translate3d(0,-15px,0);

        transform: translate3d(0,-15px,0);

    }



    90% {

        -webkit-transform: translate3d(0,-4px,0);

        transform: translate3d(0,-4px,0);

    }

}



@-webkit-keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);

        transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);

        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);

        animation-timing-function: cubic-bezier(0.55,.055,.675,.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);

        transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);

        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);

        animation-timing-function: cubic-bezier(0.175,.885,.32,1);

    }



    100% {

        opacity: 1;

    }

}



@keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);

        transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);

        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);

        animation-timing-function: cubic-bezier(0.55,.055,.675,.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);

        transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);

        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);

        animation-timing-function: cubic-bezier(0.175,.885,.32,1);

    }



    100% {

        opacity: 1;

    }

}



@keyframes jumpMan1 {

    0% {

        transform: translate3d(0,0,0);

        animation-timing-function: ease-out;

    }



    100% {

        transform: tranlsate3d(-18px,-50px,0);

    }

}



@-webkit-keyframes jumpMan1 {

    0% {

        transform: translate3d(0,0,0);

        animation-timing-function: ease-out;

        -webkit-transform: translate3d(0,0,0);

        -webkit-animation-timing-function: ease-out;

    }



    100% {

        transform: translate3d(-18px,-50px,0);

        -webkit-transform: translate3d(-18px,-50px,0);

    }

}



input:-moz-placeholder,textarea:-moz-placeholder {

    color: #bfbfbf;

}



input:-ms-input-placeholder,textarea:-ms-input-placeholder {

    color: #bfbfbf;

}



input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {

    color: #bfbfbf;

}



.mess-box button {

    background: #fc7b03;

    color: #fff;

    font-size: 18px;

    width: 150px;

    height: 40px;

    line-height: 40px;

    border-radius: 6px;

    border: 0;

    margin-top: 10px;

}



.mess-box button:hover {

    background: #8bb133;

}



#siteMapBd {

    position: absolute;

    top: 100%;

    width: 100%;

    height: auto;

    display: none;

    background: url(../images/site_map_bg.png);

    border-top: 1px solid #292929;

}



#siteMapBd ul {

    *zoom: 1;

}



#siteMapBd ul:before,#siteMapBd ul:after {

    content: " ";

    display: table;

    line-height: 0;

}



#siteMapBd ul:after {

    clear: both;

}



#siteMapBd:after {

    content: "";

    position: absolute;

    top: 0;

    height: 1px;

    width: 100%;

    background: #555;

}



#siteMapBd li,#siteMapBd a {

    color: #c2c2c2;

    text-align: center;

}



#siteMapBd .sitemap-list ul a {

    font-size: 12px;

    line-height: 28px;

    font-family: verdana,'Hiragino Sans GB',"\5b8b\4f53",arial,sans-serif;

}



#siteMapBd li {

    list-style-type: none;

}



#siteMapBd .sitemap-list {

    overflow: hidden;

    margin-top: 1px;

}



#siteMapBd .sitemap-list>li {

    float: left;

    width: 16.66%;

    height: 410px;

    border-right: 1px solid #555;

    border-left: 1px solid #292929;

}



#siteMapBd .sitemap-list>li:first-child {

    border-left: 0;

}



#siteMapBd .sitemap-list>li:last-child {

    border-right: 0;

}



#siteMapBd .sitemap-list h2 {

    font-size: 18px;

}



.main-body {

    *zoom: 1;

}



.main-body:before,.main-body:after {

    content: " ";

    display: table;

    line-height: 0;

}



.main-body:after {

    clear: both;

}



#qrcodeModal .modal-title {

    color: #fc7b03;

}



#qrcodeModal .modal-dialog {

    width: 450px;

    margin: 150px auto 0;

}



#qrcodeModal .modal-body {

    text-align: center;

}



#qrcodeModal .body-box {

    width: 410px;

    display: inline-block;

}



#qrcodeModal .qrcode-img {

    display: block;

    width: 50%;

    height: 162px;

    background: url(../images/qrcode_wechat.jpg) no-repeat center;

    float: left;

}



#qrcodeModal .qrcode-box {

    width: 50%;

    text-align: center;

    float: left;

    height: 150px;

    background: url(../images/wx_text.png) no-repeat 26px 55px;

}



::-webkit-scrollbar {

    width: 3px;

    height: 3px;

    background-color: #3e7e3a;

}



::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    border-radius: 0;

    background-color: #f3d131;

}



::-webkit-scrollbar-thumb {

    border-radius: 0;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    background-color: #3e7e3a;

}



::-webkit-scrollbar-thumb:hover {

    background-color: #2d5b2a;

}



#pdMenuCarousel .carousel-indicators::-webkit-scrollbar {

    width: 12px;

}



#pdMenuCarousel .carousel-indicators::-webkit-scrollbar-track {

    -webkit-box-shadow: none;

}



[data-cmd] {

    color: transparent!important;

    font-size: 0;

    line-height: 0;

}



@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale3d(1,1,1);

        transform: scale3d(0.9,.9,.9);

        background-position-y: 0;

    }



    50% {

        -webkit-transform: scale3d(1.05,1.05,1.05);

        transform: scale3d(1.05,1.05,1.05);

        background-position-y: 0;

    }



    100% {

        -webkit-transform: scale3d(0.9,.9,.9);

        transform: scale3d(0.9,.9,.9);

        background-position-y: 0;

    }

}



@keyframes pulse {

    0% {

        -webkit-transform: scale3d(0.9,.9,.9);

        transform: scale3d(0.9,.9,.9);

        background-position-y: 0;

    }



    50% {

        -webkit-transform: scale3d(1.05,1.05,1.05);

        transform: scale3d(1.05,1.05,1.05);

        background-position-y: 0;

    }



    100% {

        -webkit-transform: scale3d(0.9,.9,.9);

        transform: scale3d(0.9,.9,.9);

        background-position-y: 0;

    }

}



.affix h1[class*=title] {

    display: none;

}



.menu-container+.container {

    z-index: 10;

}



.p-cell {

    display: table-cell;

    width: 3000px;

}



.v-tb {

    display: table;

    width: 100%;

    height: 100%;

    table-layout: fixed;

}



.v-tb-cell {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}



.plugin-slide-box {

    position: relative;

    clear: both;

}



.plugin-slide-box .slide-wrap {

/*    width: 980px;

    margin-left: 0px; 

    overflow: hidden;*/

    z-index: 1;

}



.plugin-slide-box .plugin-slide-list {

    list-style: none;

    width: 100000%;

    overflow: hidden;

    position: relative;

    z-index: 1;

    top: 0;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.plugin-slide-box .slide-next,.plugin-slide-box .slide-prev {

    position: absolute;

    top: 50%;

    display: block;

    width: 26px;

    height: 48px;

    margin-top: -24px;

    opacity: .5;

    z-index: 5;

}



.plugin-slide-box .slide-next.active,.plugin-slide-box .slide-prev.active {

    opacity: 1;

    cursor: pointer;

}



.plugin-slide-box .slide-prev {

    left: 0;

    background: url(../images/ico_arrow_left.png) 0 0 no-repeat;

}



.plugin-slide-box .slide-next {

    right: 0;

    background: url(../images/ico_arrow_right.png) 0 0 no-repeat;

}



.pscroll-y-box {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}



#pdMenuCarousel .carousel-indicators .pscroll-y-box {

    height: 171px;

}



#pdMenuCarousel .detail-box {

    line-height: 2;

}



#pdMenuCarousel .detail-box .pscroll-y-box {

    height: 190px;

    padding-right: 20px;

=======

@charset "utf-8";

a{

    cursor: pointer;

}

.ico {

    display: inline-block;

    overflow: hidden;

    background: url(../images/sprite.png) no-repeat;

}



.ico.ico-lable-nutri {

    width: 189px;

    height: 171px;

    background-position: -2px -2px;

}



.ico.ico-lable-lesson {

    width: 190px;

    height: 170px;

    background-position: -193px -2px;

}



.ico.ico-lable-news {

    width: 171px;

    height: 170px;

    background-position: -385px -2px;

}



.ico.ico-start-video {

    width: 163px;

    height: 162px;

    background-position: -558px -2px;

}



.ico.ico-banner-bg-green {

    width: 160px;

    height: 160px;

    background-position: -723px -2px;

}



.ico.ico-go-shop {

    width: 160px;

    height: 160px;

    background-position: -885px -4px;

}



.ico.ico-see-video {

    width: 160px;

    height: 160px;

    background-position: -1047px -2px;

}



.ico.ico-top-menu-bg {

    width: 171px;

    height: 50px;

    background-position: -1209px -2px;

}



.ico.ico-foot-wechat {

    width: 34px;

    height: 29px;

    background-position: -1211px -54px;

}



.ico.ico-weibo {

    width: 29px;

    height: 24px;

    background-position: -1209px -83px;

}



.ico.ico-wechat {

    width: 27px;

    height: 22px;

    background-position: -1209px -107px;

}



.ico.ico-memeber {

    width: 26px;

    height: 21px;

    background-position: -1209px -130px;

}



.ico.ico-menu-search {

    width: 14px;

    height: 14px;

    background-position: -1209px -151px;

}



.ico.ico-dot:hover,.ico.ico-dot.active {

    width: 12px;

    height: 12px;

    background-position: -1227px -153px!important;

}



.ico.ico-dot {

    width: 12px;

    height: 12px;

    background-position: -1239px -109px;

    cursor: pointer;

}



.ico.ico-banner-text {

    width: 126px;

    height: 210px;

    background-position: -1382px -2px;

}



.ico.ico-banner-text-2 {

    width: 72px;

    height: 218px;

    background-position: -1510px -2px;

}



.ico.ico-foot-weibo {

    width: 34px;

    height: 27px;

    background-position: -4px -224px;

}



#respSlide .ico-dot {

    width: 12px;

    height: 11px;

    background-position: -2028px -2px;

}



.go-top {

    height: 50px;

    width: 310px;

    background: url(../images/go-top.jpg) no-repeat;

}/*!

 * Preboot v2

 *

 * Open sourced under MIT license by @mdo.

 * Some variables and mixins from Bootstrap (Apache 2 license).

 */.bg-white {

    background-color: #fff;

}/*!

* by zhangxinxu(.com) 2010-?

* https://github.com/zhangxinxu/zxx.lib.css

* under MIT license

*/.dn {

    display: none;

}



.di {

    display: inline;

}



.db {

    display: block;

}



.dib {

    display: inline-block;

}



.h0 {

    height: 0;

}



.h14 {

    height: 14px;

}



.h16 {

    height: 16px;

}



.h18 {

    height: 18px;

}



.h20 {

    height: 20px;

}



.h22 {

    height: 22px;

}



.h24 {

    height: 24px;

}



.w20 {

    width: 20px;

}



.w50 {

    width: 50px;

}



.w70 {

    width: 70px;

}



.w100 {

    width: 100px;

}



.w120 {

    width: 120px;

}



.w140 {

    width: 140px;

}



.w160 {

    width: 160px;

}



.w180 {

    width: 180px;

}



.w200 {

    width: 200px;

}



.w220 {

    width: 220px;

}



.w250 {

    width: 250px;

}



.w280 {

    width: 280px;

}



.w300 {

    width: 280px;

}



.w320 {

    width: 320px;

}



.w360 {

    width: 360px;

}



.w400 {

    width: 400px;

}



.w460 {

    width: 460px;

}



.w500 {

    width: 500px;

}



.w600 {

    width: 600px;

}



.w640 {

    width: 640px;

}



.w700 {

    width: 700px;

}



.pct10 {

    width: 10%;

}



.pct15 {

    width: 15%;

}



.pct20 {

    width: 20%;

}



.pct25 {

    width: 25%;

}



.pct30 {

    width: 30%;

}



.pct33 {

    width: 33.3%;

}



.pct40 {

    width: 40%;

}



.pct50 {

    width: 50%;

}



.pct60 {

    width: 60%;

}



.pct66 {

    width: 66.6%;

}



.pct70 {

    width: 70%;

}



.pct75 {

    width: 75%;

}



.pct80 {

    width: 80%;

}



.pct90 {

    width: 90%;

}



.pct100 {

    width: 100%;

}



.lh0 {

    line-height: 0;

}



.lh14 {

    line-height: 14px;

}



.lh16 {

    line-height: 16px;

}



.lh18 {

    line-height: 18px;

}



.lh20 {

    line-height: 20px;

}



.lh22 {

    line-height: 22px;

}



.lh24 {

    line-height: 24px;

}



.m0 {

    margin: 0;

}



.ml1 {

    margin-left: 1px;

}



.ml2 {

    margin-left: 2px;

}



.ml5 {

    margin-left: 5px;

}



.ml10 {

    margin-left: 10px;

}



.ml15 {

    margin-left: 15px;

}



.ml20 {

    margin-left: 20px;

}



.ml30 {

    margin-left: 30px;

}



.mr1 {

    margin-right: 1px;

}



.mr2 {

    margin-right: 2px;

}



.mr5 {

    margin-right: 5px;

}



.mr10 {

    margin-right: 10px;

}



.mr15 {

    margin-right: 15px;

}



.mr20 {

    margin-right: 20px;

}



.mr30 {

    margin-right: 30px;

}



.mt1 {

    margin-top: 1px;

}



.mt2 {

    margin-top: 2px;

}



.mt5 {

    margin-top: 5px;

}



.mt10 {

    margin-top: 10px;

}



.mt15 {

    margin-top: 15px;

}



.mt20 {

    margin-top: 20px;

}



.mt30 {

    margin-top: 30px;

}



.mb1 {

    margin-bottom: 1px;

}



.mb2 {

    margin-bottom: 2px;

}



.mb5 {

    margin-bottom: 5px;

}



.mb10 {

    margin-bottom: 10px;

}



.mb15 {

    margin-bottom: 15px;

}



.mb20 {

    margin-bottom: 20px;

}



.mb30 {

    margin-bottom: 30px;

}



.ml-1 {

    margin-left: -1px;

}



.mr-1 {

    margin-right: -1px;

}



.mt-1 {

    margin-top: -1px;

}



.mb-1 {

    margin-bottom: -1px;

}



.ml-3 {

    margin-left: -3px;

}



.mr-3 {

    margin-right: -3px;

}



.mt-3 {

    margin-top: -3px;

}



.mb-3 {

    margin-bottom: -3px;

}



.ml-20 {

    margin-left: -20px;

}



.mr-20 {

    margin-right: -20px;

}



.mt-20 {

    margin-top: -20px;

}



.mb-20 {

    margin-bottom: -20px;

}



.p0 {

    padding: 0;

}



.p1 {

    padding: 1px;

}



.pl1 {

    padding-left: 1px;

}



.pt1 {

    padding-top: 1px;

}



.pr1 {

    padding-right: 1px;

}



.pb1 {

    padding-bottom: 1px;

}



.p2 {

    padding: 2px;

}



.pl2 {

    padding-left: 2px;

}



.pt2 {

    padding-top: 2px;

}



.pr2 {

    padding-right: 2px;

}



.pb2 {

    padding-bottom: 2px;

}



.pl5 {

    padding-left: 5px;

}



.p5 {

    padding: 5px;

}



.pt5 {

    padding-top: 5px;

}



.pr5 {

    padding-right: 5px;

}



.pb5 {

    padding-bottom: 5px;

}



.p10 {

    padding: 10px;

}



.pl10 {

    padding-left: 10px;

}



.pt10 {

    padding-top: 10px;

}



.pr10 {

    padding-right: 10px;

}



.pb10 {

    padding-bottom: 10px;

}



.p15 {

    padding: 15px;

}



.pl15 {

    padding-left: 15px;

}



.pt15 {

    padding-top: 15px;

}



.pr15 {

    padding-right: 15px;

}



.pb15 {

    padding-bottom: 15px;

}



.p20 {

    padding: 20px;

}



.pl20 {

    padding-left: 20px;

}



.pt20 {

    padding-top: 20px;

}



.pr20 {

    padding-right: 20px;

}



.pb20 {

    padding-bottom: 20px;

}



.p30 {

    padding: 30px;

}



.pl30 {

    padding-left: 30px;

}



.pt30 {

    padding-top: 30px;

}



.pr30 {

    padding-right: 30px;

}



.pb30 {

    padding-bottom: 30px;

}



.bdc {

    border: 1px solid #ccc;

}



.blc {

    border-left: 1px solid #ccc;

}



.brc {

    border-right: 1px solid #ccc;

}



.btc {

    border-top: 1px solid #ccc;

}



.bbc {

    border-bottom: 1px solid #ccc;

}



.bdd {

    border: 1px solid #ddd;

}



.bld {

    border-left: 1px solid #ddd;

}



.brd {

    border-right: 1px solid #ddd;

}



.btd {

    border-top: 1px solid #ddd;

}



.bbd {

    border-bottom: 1px solid #ddd;

}



.bde {

    border: 1px solid #eee;

}



.ble {

    border-left: 1px solid #eee;

}



.bre {

    border-right: 1px solid #eee;

}



.bte {

    border-top: 1px solid #eee;

}



.bbe {

    border-bottom: 1px solid #eee;

}



.bgwh {

    background-color: #fff;

}



.bgfb {

    background-color: #fbfbfb;

}



.bgf5 {

    background-color: #f5f5f5;

}



.bgf0 {

    background-color: #f0f0f0;

}



.bgeb {

    background-color: #ebebeb;

}



.bge0 {

    background-color: #e0e0e0;

}



.g0 {

    color: #000;

}



.g3 {

    color: #333;

}



.g6 {

    color: #666;

}



.g9 {

    color: #999;

}



.gc {

    color: #ccc;

}



.wh {

    color: #fff;

}



.f0 {

    font-size: 0;

}



.f12 {

    font-size: 12px;

}



.f13 {

    font-size: 13px;

}



.f14 {

    font-size: 14px;

}



.f16 {

    font-size: 16px;

}



.f18 {

    font-size: 18px;

}



.f20 {

    font-size: 20px;

}



.f24 {

    font-size: 24px;

}



.f28 {

    font-size: 28px;

}



.fa {

    font-family: Arial;

}



.ft {

    font-family: Tahoma;

}



.fv {

    font-family: Verdana;

}



.fs {

    font-family: Simsun;

}



.fl {

    font-family: 'Lucida Console';

}



.fw {

    font-family: 'Microsoft Yahei';

}



.n {

    font-weight: 400;

    font-style: normal;

    white-space: normal;

}



.b {

    font-weight: 700;

}



.i {

    font-style: italic;

}



.tc {

    text-align: center;

}



.tr {

    text-align: right;

}



.tl {

    text-align: left;

}



.tj {

    text-align: justify;

}



.tdl {

    text-decoration: underline;

}



.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover {

    text-decoration: none;

}



.lt-1 {

    letter-spacing: -1px;

}



.lt0 {

    letter-spacing: 0;

}



.lt1 {

    letter-spacing: 1px;

}



.nowrap {

    white-space: nowrap;

}



.bk {

    word-wrap: break-word;

}



.vm {

    vertical-align: middle;

}



.vtb {

    vertical-align: text-bottom;

}



.vb {

    vertical-align: bottom;

}



.vt {

    vertical-align: top;

}



.v-1 {

    vertical-align: -1px;

}



.v-2 {

    vertical-align: -2px;

}



.v-3 {

    vertical-align: -3px;

}



.v-4 {

    vertical-align: -4px;

}



.v-5 {

    vertical-align: -5px;

}



.l {

    float: left;

}



.r {

    float: right;

}



.cl {

    clear: both;

}



.rel {

    position: relative;

}



.abs {

    position: absolute;

}



.zx1 {

    z-index: 1;

}



.zx2 {

    z-index: 2;

}



.poi {

    cursor: pointer;

}



.def {

    cursor: default;

}



.ovh {

    overflow: hidden;

}



.ova {

    overflow: auto;

}



.vh {

    visibility: hidden;

}



.vv {

    visibility: visible;

}



.opa0 {

    opacity: 0;

    filer: alpha(opacity=0);

}



.z {

    *zoom: 1;

}



.auto {

    margin-left: auto;

    margin-right: auto;

}



.fix {

    *zoom: 1;

}



.fix:after {

    display: table;

    content: '';

    clear: both;

}



.cell {

    display: table-cell;

    *display: inline-block;

    width: 2000px;

    *width: auto;

}



.cell2 {

    overflow: hidden;

    _display: inline-block;

}



.ell {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.trans {

    -webkit-transition: all .3s;

    transition: all .3s;

}



.dib_vm {

    display: inline-block;

    width: 0;

    height: 100%;

    vertical-align: middle;

}



.loading {

    background: url("") no-repeat center;

}



.bd_none {

    border: 0;

    outline: 0;

}



.abs_out {

    position: absolute;

    left: -999em;

    top: -999em;

}



.abs_clip {

    position: absolute;

    clip: rect(0 0 0 0);

}



.disabled {

    outline: 0 none;

    cursor: default!important;

    opacity: .4;

    filer: alpha(opacity=40);

    pointer-events: none;

}



.inline_box {

    font-size: 1em;

    letter-spacing: -.25em;

    font-family: Arial;

}



.inline_two,.inline_three,.inline_four,.inline_five,.inline_six,.inline_any {

    display: inline-block;

    *display: inline;

    letter-spacing: 0;

    vertical-align: top;

    *zoom: 1;

}



.float_two,.float_three,.float_four,.float_five,.float_six {

    float: left;

}



.inline_two,.float_two {

    width: 50%;

    *width: 49.9%;

}



.inline_three,.float_three {

    width: 33.33333%;

    *width: 33.3%;

}



.inline_four,.float_four {

    width: 25%;

    *width: 24.9%;

}



.inline_five,.float_five {

    width: 20%;

    *width: 19.9%;

}



.inline_six,.float_six {

    width: 16.66666%;

    *width: 16.6%;

}



.inline_fix {

    display: inline-block;

    width: 100%;

    height: 0;

    overflow: hidden;

}



.ps-container {

    overflow: hidden!important;

}



.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail {

    display: block;

}



.ps-container.ps-in-scrolling {

    pointer-events: none;

}



.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {

    background-color: #eee;

    opacity: .9;

}



.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {

    background-color: #f2cc19;

}



.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {

    background-color: #eee;

    opacity: .9;

}



.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {

    background-color: #f2cc19;

}



.ps-container>.ps-scrollbar-x-rail {

    display: none;

    position: absolute;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    opacity: 0;

    -webkit-transition: background-color .2s linear,opacity .2s linear;

    -moz-transition: background-color .2s linear,opacity .2s linear;

    -o-transition: background-color .2s linear,opacity .2s linear;

    transition: background-color .2s linear,opacity .2s linear;

    bottom: 3px;

    height: 8px;

}



.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {

    position: absolute;

    background-color: #f3d131;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    -webkit-transition: background-color .2s linear;

    -moz-transition: background-color .2s linear;

    -o-transition: background-color .2s linear;

    transition: background-color .2s linear;

    bottom: 0;

    height: 8px;

}



.ps-container>.ps-scrollbar-y-rail {

    display: none;

    position: absolute;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    opacity: 0;

    -webkit-transition: background-color .2s linear,opacity .2s linear;

    -moz-transition: background-color .2s linear,opacity .2s linear;

    -o-transition: background-color .2s linear,opacity .2s linear;

    transition: background-color .2s linear,opacity .2s linear;

    right: 3px;

    width: 8px;

}



.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {

    position: absolute;

    background-color: #f3d131;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

    -webkit-transition: background-color .2s linear;

    -moz-transition: background-color .2s linear;

    -o-transition: background-color .2s linear;

    transition: background-color .2s linear;

    right: 0;

    width: 8px;

}



.ps-container:hover.ps-in-scrolling {

    pointer-events: none;

}



.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {

    background-color: #eee;

    opacity: .9;

}



.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {

    background-color: #f2cc19;

}



.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {

    background-color: #eee;

    opacity: .9;

}



.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {

    background-color: #f2cc19;

}



.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail {

    opacity: .6;

}



.ps-container:hover>.ps-scrollbar-x-rail:hover {

    background-color: #eee;

    opacity: .9;

}



.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {

    background-color: #f2cc19;

}



.ps-container:hover>.ps-scrollbar-y-rail:hover {

    background-color: #eee;

    opacity: .9;

}



.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {

    background-color: #f2cc19;

}



.gr-title {

    color: #fc7b03;

}



.bold {

    font-weight: 700;

}



a:visited,a:hover,a:active,button:hover {

    color: #3e7e3a;

    text-decoration: none;

}



a {

    text-decoration: none;

    cursor: pointer;

}



a,button {

    outline: 0;

}



p {

    line-height: 2;

}



ul {

    padding: 0;

}



html {

    height: 100%;

}



body {

    position: relative;

    font-family: 'Hiragino Sans GB',"microsoft yahei","微软雅黑",simhei,sans-serif;

    min-height: 100%;

    min-width: 1000px;

}



body .pjax-loading {

    position: absolute;

    top: 0;

    left: 0;

    background: #fc7b03;

    height: 7px;

}



.title-font {

    font-family: 'Hiragino Sans GB',"microsoft yahei","微软雅黑",simhei,sans-serif;

}



.container {

    width: 1000px!important;

    position: relative;

}



.main-header {

    height: 141px;

    position: relative;

}



.entry {

    padding-top: 34px;

}



.entry a {

    vertical-align: bottom;

}



.logo {

    position: absolute;

    top: 26px;

    left: 0;

}



a.memeber-link {

    width: 96px;

    height: 21px;

    line-height: 21px;

    display: inline-block;

    font-size: 16px;

    color: #9a9a9a;

    text-decoration: none!important;

}



a.memeber-link .ico-memeber {

    margin-bottom: -3px;

    margin-right: 5px;

}



a.memeber-link:hover {

    color: #fc7b03;

}



.memeber-link,.ico-weibo {

    margin-right: 13px;

}



.menu-wrap {

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 0;

}



.menu-wrap .left,.menu-wrap .right {

    height: 50px;

    width: 50%;

    position: absolute;

    left: 0;

    z-index: 0;

}



.menu-wrap .left.right,.menu-wrap .right.right {

    left: auto;

    right: 0;

}



.menu-wrap .left {

    background: #f3d131;

}



.menu-wrap .right {

    background: #fc7b03;

}



.top-menu {

    height: 50px;

    width: 100%;

    overflow: hidden;

    background: url(../images/top-menu-bg.jpg) 200px no-repeat #fc7b03;

}



.top-menu ul {

    float: right;

}



.top-menu ul li {

    list-style: none;

    height: 50px;

    line-height: 50px;

    float: left;

}



.top-menu ul li span {

    position: relative;

    z-index: 1;

}



.top-menu ul li.single a:hover {

    background: #fff;

    color: #3e7e3a;

}



.top-menu ul li a {

    display: block;

    height: 50px;

    padding: 0 22px;

    color: #fff;

    position: relative;

    text-decoration: none!important;

}



.top-menu ul li a[data-sub].hover:after {

    content: " ";

    display: block;

    position: absolute;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    -webkit-box-shadow: 0 0 32px rgba(0,0,0,.36);

    box-shadow: 0 0 32px rgba(0,0,0,.36);

    top: 7px;

    left: 0;

    background: #fff;

    width: 100%;

    height: 100%;

}



.top-menu ul li.current a {

    color: #3e7e3a;

}



.top-menu ul li a.hover {

    background: transparent;

    color: #3e7e3a;

}



.sub-menu-wrap {

    position: absolute;

    width: 100%;

    display: none;

    top: 0;

    left: 0;

    height: 500px;

}



.sub-menu {

    position: absolute;

    top: 0;

    padding: 7px 0;

    left: 0;

    width: auto;

    background: #fff;

    background: rgba(255,255,255,.88);

    border-radius: 5px;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    overflow: hidden;

    display: none;

    -webkit-box-shadow: 0 0 32px rgba(0,0,0,.36);

    box-shadow: 0 0 32px rgba(0,0,0,.36);

}



.sub-menu ul {

    margin: 0;

}



.sub-menu a {

    white-space: nowrap;

    padding: 0 67px 0 22px;

    height: 40px;

    line-height: 40px;

    display: block;

    color: #3e7e3a;

    text-decoration: none;

}



.sub-menu a:hover {

    color: #fff;

    background: #fc7b03;

}



.home-wrap {

    background: #f5f5f5;

}



.home-slide-wrap {

    height: 400px;

    padding-bottom: 10px;

    background: #f3d131;

}



.home-slide-wrap #homeSlide {

    height: 390px;

    overflow: hidden;

}



.home-slide-wrap .slide-mask {

    position: relative;

}



.home-slide-wrap .banner-mask {

    position: absolute;

    top: 0;

    left: 0;

    height: 390px;

    text-align: center;

    padding-top: 30px;

    width: 200px;

    background: url(../images/banner-mask.png) repeat;

}



#respSlide .left.carousel-control {

    left: -18%!important;

}



#respSlide .right.carousel-control {

    left: auto;

    right: -18%!important;

}



.carousel-control.right,.carousel-control.left {

    background: transparent!important;

    filter: none!important;

}



#homeSlide .carousel-inner>.item>img {

    position: relative;

    display: block;

    left: 50%;

    width: 1920px!important;

    max-width: 1920px!important;

    margin-left: -960px;

}



.home-slide-indicators {

    position: absolute;

    left: 50%;

    width: 60%;

    margin-left: -30%;

    padding-left: 0;

    list-style: none;

    text-align: center;

    bottom: 5px;

    margin-bottom: 0;

    color: silver;

}



.home-slide-indicators .ico-dot {

    margin: 0 5px;

}



.useful-link {

    position: absolute;

    right: 10px;

    top: 30px;

}



.ico-see-video,.ico-go-shop {

    background-color: transparent;

    line-height: 1;

    padding-top: 107px;

    text-align: center;

    display: block;

    border: 0;

    color: #fff!important;

    position: relative;

}



.ico-see-video:hover,.ico-go-shop:hover {

    color: #fff;

}



.ico-see-video:hover:after,.ico-go-shop:hover:after {

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.ico-see-video:after,.ico-go-shop:after {

    content: "";

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    display: block;

}



.ico-see-video:after {

    width: 78px;

    height: 78px;

    position: absolute;

    top: 25px;

    left: 41px;

    background: url(../images/home_video_btn.png) no-repeat;

}



.ico-go-shop:after {

    width: 78px;

    height: 58px;

    position: absolute;

    top: 38px;

    left: 41px;

    background: url(../images/home_shop_btn.png) no-repeat;

}



.ico-go-shop {

    padding-top: 110px;

    margin-top: 6px;

}



.showcase ul {

    padding: 15px 0;

    margin-right: -14px;

}



.showcase li {

    overflow: hidden;

    width: 324px;

    float: left;

    display: block;

    margin-right: 14px;

}



.showcase li a {

    display: block;

    height: 325px;

    background: #fff;

    color: #8b8b8b;

    -webkit-transition: background .6s;

    -moz-transition: background .6s;

    -o-transition: background .6s;

    transition: background .6s;

}



.showcase li a:hover {

    text-decoration: none;

    background: #3e7e3a;

    color: #fff;

}



.showcase li a:hover img {

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.showcase li img {

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

    width: 100%;

    /*min-height: 100%;   

     max-width: 324px;

    max-height: 205px; */



}



.showcase li .text-box {

    margin-top: 9px;

    line-height: 20px;

    padding: 0 15px;

}



.showcase li .text-box .title {

    font-size: 16px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.showcase li .text-box .time {

    font-size: 10px;

    display: block;

}



.showcase li .text-box .intro {

    line-height: 1.7;

    font-size: 12px;

    margin-top: 7px;

}



.showcase li .img-box {

    width: 100%;

    height: 205px;

    overflow: hidden;

    background: #fff;

}



.main-footer {

    height: 50px;

    color: #666;

    line-height: 50px;

    font-size: 12px;

}



.main-footer .ico {

    margin-left: 15px;

    vertical-align: middle;

}



.main-footer .follow-us {

    width: 200px;

    float: left;

}



.main-footer .footer-links {

    width: 290px;

    float: left;

}



.main-footer .copy-right {

    float: left;

    width: 490px;

    text-align: right;

}



.main-footer,.main-footer .container {

    background: url(../images/foot-bg.jpg) repeat;

}



.main-footer .footer-links li {

    float: left;

    list-style: none;

}



.main-footer .footer-links li a {

    color: #666;

    padding: 0 10px;

}



.main-footer .footer-links li+li:before {

    content: "|";

    display: inline-block;

}



.inner-page {

    position: relative;

}



.main-header {

    z-index: 2;

}



body.mask-open .main-header {

    z-index: 0;

}



.main-body {

    position: relative;

    top: 0;

    z-index: 1;

}



.top-container {

    z-index: 2;

}



.inner-menu {

    position: relative;

    z-index: 20;

}



.menu-wrap {

    z-index: 1;

}



.menu-wrap .menu-container {

    z-index: 11;

}



.sub-menu-wrap,.sub-menu {

    z-index: 600;

}



.sub-fixed-nav.affix {

    z-index: 100;

}



.top-menu {

    z-index: 4;

}



.slide-mask {

    z-index: 3;

}



.home-slide-indicators {

    z-index: 15;

}



.main-body {

    min-height: 530px;

}



[class*=mask] {

    z-index: 199;

}



.home-video-mask {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    text-align: center;

    padding-top: 141px;

    display: none;

    background: rgba(0,0,0,.66);

    background: url(../images/bg-video.png) \9;

}



.home-video-mask .video-js {

    margin: 0 auto;

}



.inner-page {

}



.inner-page .about-title,.inner-page .culture-title,.inner-page .news-title,.inner-page .join-title,.inner-page .contact-title,.inner-page .pd-title {

    margin: 0 10px;

    height: 98px;

    text-indent: -99999em!important;

    white-space: nowrap;

    text-align: left;

}



.inner-page .pd-title {

    background: url(../images/title-products.png) center no-repeat;

}



.inner-page .about-title {

    background: url(../images/title-ab.jpg) center no-repeat;

}



.inner-page .culture-title {

    background: url(../images/title-culture.jpg) center no-repeat;

}



.inner-page .news-title {

    background: url(../images/title-news.jpg) center no-repeat;

}



.inner-page .join-title {

    background: url(../images/title-join.jpg) center no-repeat;

}



.inner-page .contact-title {

    background: url(../images/title-contact.jpg) center no-repeat;

}



.inner-page .sub-fixed-nav.affix {

    top: 0;

    position: fixed;

    left: 0;

    width: 100%;

    background: #fff;

    background: rgba(255,255,255,.9);

}



.inner-page .sub-fixed-nav.affix+.article-body {

    margin-top: 156px;

}



.inner-page .sub-fixed-nav.affix-bottom {

    position: relative;

    top: 0!important;

}



.inner-page .inner-nav {

    text-align: center;

    border-top: 3px solid #f3d131;

    position: relative;

    min-height: 30px;

}



.inner-page .inner-menu {

    *zoom: 1;

    margin: 10px auto 6px;

    display: inline-block;

}



.inner-page .inner-menu:before,.inner-page .inner-menu:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page .inner-menu:after {

    clear: both;

}



.inner-page .inner-menu li {

    list-style: none;

    margin: 0 22px;

    float: left;

    padding-left: 7px;

}



.inner-page .inner-menu a {

    color: #a7a7a7;

    display: block;

    padding-right: 7px;

    height: 24px;

    line-height: 24px;

}



.inner-page .inner-menu li.current,.inner-page .inner-menu li:hover {

    background: url(../images/btn-green.jpg) left top no-repeat;

}



.inner-page .inner-menu li:hover a,.inner-page .inner-menu li.current a {

    color: #fff;

    background: url(../images/btn-green.jpg) right bottom no-repeat #fc7b03;

}



.inner-page .article-body {

    min-height: 300px;

    overflow: hidden;

    background: #f5f5f5;

    padding: 20px 0 60px;

    color: #797979;

    font-size: 12px;

}



.inner-page .article-body h2 {

    color: #fc7b03;

    font-size: 24px;

    font-family: 'Hiragino Sans GB',"microsoft yahei","微软雅黑",simhei,sans-serif;

}



.inner-page .article-body ul {

    *zoom: 1;

}



.inner-page .article-body ul:before,.inner-page .article-body ul:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page .article-body ul:after {

    clear: both;

}



.inner-page .article-body ul li {

    list-style: none;

    float: left;

}



.inner-page .article-body ul li p {

    padding-right: 25px;

    font-family: verdana,'Hiragino Sans GB',"\5b8b\4f53",arial,sans-serif;

}



.inner-page.about-page .article-body ul,.inner-page.culture-page .article-body ul {

    margin-right: -31px;

}



.inner-page.about-page .article-body ul li,.inner-page.culture-page .article-body ul li {

    width: 33.33333333%;

}



.inner-page.about-page .article-body ul li img,.inner-page.culture-page .article-body ul li img {

    margin-bottom: 15px;

}



.inner-page.culture-page .article-body {

}



.inner-page.culture-page .article-body ul {

    margin: 0 0 0 10px;

}



.inner-page.culture-page .article-body li {

    float: left;

    width: 310px!important;

    margin-right: 20px;

}



.inner-page.culture-page .article-body li .img-box {

    margin-top: -20px;

    position: relative;

    z-index: 1;

    float: left;

}



.inner-page.culture-page .article-body li .text-box {

    z-index: 2;

    position: relative;

    -webkit-box-shadow: 3px 5px 12px rgba(0,0,0,.13);

    box-shadow: 3px 5px 12px rgba(0,0,0,.13);

}



.inner-page.culture-page .article-body li img,.inner-page.culture-page .article-body li .text-box {

    -webkit-transition: all .6s ease-out;

    -moz-transition: all .6s ease-out;

    -o-transition: all .6s ease-out;

    transition: all .6s ease-out;

}



.inner-page.culture-page .article-body li:hover img {

    -webkit-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -moz-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -o-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.inner-page.culture-page .article-body li:hover .text-box {

    -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,.13);

    box-shadow: 1px 2px 6px rgba(0,0,0,.13);

    -webkit-transition: all .15s ease-in 0s;

    -moz-transition: all .15s ease-in 0s;

    -o-transition: all .15s ease-in 0s;

    transition: all .15s ease-in 0s;

    -webkit-transform: translate(0,-10px);

    -moz-transform: translate(0,-10px);

    -ms-transform: translate(0,-10px);

    -o-transform: translate(0,-10px);

    transform: translate(0,-10px);

}



.inner-page.culture-page .article-body .img-box {

    border-radius: 5px;

    border-bottom-left-radius: 30px;

    height: 250px;

    overflow: hidden;

}



.inner-page.culture-page .article-body p {

    margin-top: 15px;

    padding-right: 0px;

}



.inner-page.culture-page .article-body h2 {

    font-size: 36px;

    line-height: 31px;

    height: 40px;

    margin: 20px 15px 20px 0;

    color: #fff;

    float: left;

}



.inner-page.culture-page .article-body .text-box {

    padding: 0 17px;

    color: #fff;

    border-radius: 5px;

    border-bottom-right-radius: 30px;

    background: #f3d131;

    *zoom: 1;

}



.inner-page.culture-page .article-body .text-box:before,.inner-page.culture-page .article-body .text-box:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.culture-page .article-body .text-box:after {

    clear: both;

}



.inner-page.culture-page .article-body .arrow {

    border: 20px transparent solid;

    position: absolute;

    border-top-color: #f3d131;

    left: 30px;

    top: 100%;

}



.inner-page.culture-page .article-body .cul-flavour .arrow {

    border-top-color: #53b4e6;

}



.inner-page.culture-page .article-body .cul-flavour .text-box {

    background: #53b4e6;

}



.inner-page.culture-page .article-body .cul-sincere .arrow {

    border-top-color: #f6902c;

}



.inner-page.culture-page .article-body .cul-sincere .text-box {

    background: #f6902c;

}



.inner-page.culture-page .article-body .cul-sincere h2 {

    margin: 20px 15px 80px 0;

}



.inner-page.culture-page .article-body .cul-sincere .img-box {

    margin-top: -65px;

    height: 283px;

}



.inner-page.culture-page .article-body .cul-values {

    width: 970px!important;

    margin: -10px 0 0 -5px;

}



.inner-page.culture-page .article-body .cul-values h2 {

    margin: 20px 7px 20px 0;

}



.inner-page.culture-page .article-body .cul-values .text-box {

    width: 660px;

    background: #fc7b03;

}



.inner-page.culture-page .article-body .cul-values p {

    margin-top: 35px;

    white-space: nowrap;

}



.inner-page.culture-page .article-body .cul-values .arrow {

    border-top-color: #fc7b03;

}



.inner-page.culture-page .article-body .cul-values .img-box {

    height: 220px;

}



.inner-page.achieve-page .article-body .nav>li.active>a {

    color: #fc7b03!important;

}



.inner-page.achieve-page .article-body .nav {

    margin-left: -32px;

}



.inner-page.achieve-page .article-body .nav>li {

    margin: 10px 15px;

}



.inner-page.achieve-page .article-body .nav>li>a:hover {

    background-color: transparent!important;

}



.inner-page.achieve-page .article-body .nav>li>a {

    border-radius: 0;

    font-size: 18px;

    border: 0!important;

    padding: 15px;

    color: #cdcdcd;

}



.inner-page.achieve-page .article-body .tab-pane>div {

    width: 50%;

    float: left;

    *zoom: 1;

}



.inner-page.achieve-page .article-body .tab-pane>div:before,.inner-page.achieve-page .article-body .tab-pane>div:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.achieve-page .article-body .tab-pane>div:after {

    clear: both;

}



.inner-page.achieve-page .article-body .tab-pane>div li {

    padding-right: 30px;

}



.inner-page.achieve-page .article-body .tab-pane>div li+li {

    margin: 10px 0 0;

}



.inner-page.achieve-page .article-body .tab-pane>div ul {

    border-left: 2px solid #f3d131;

    padding-left: 20px;

    margin-bottom: 15px;

}



.inner-page.achieve-page .article-body .tab-pane>div ol {

    border-left: 2px solid #fc7b03;

    padding-left: 20px;

    margin-bottom: 15px;

}



.inner-page.achieve-page .article-body .tab-pane>div ol li {

    list-style: none;

}



.inner-page.demonstration-page {

    overflow: hidden;

    width: 100%;

    float: left;

}



.inner-page.demonstration-page .article-body {

    overflow: visible!important;

}



.inner-page.demonstration-page .tip-line {

    clear: both;

    position: absolute;

    left: 26px;

    top: 70px;

    color: #fc7b03;

    font-size: 16px;

}



.inner-page.demonstration-page .tip-line span {

    -webkit-animation: moveTip 1s infinite;

    animation: moveTip 1s infinite;

}



.inner-page.demonstration-page .d-title {

    float: left;

    background: url(../images/d-map.gif) 12px 6px no-repeat #f3d131;

    line-height: 40px;

    width: 230px;

    color: #fff;

    margin-left: 25px;

    padding-left: 52px;

    font-size: 24px;

    margin-bottom: -18px;

}



.inner-page.demonstration-page #demonMap {

    height: 285px;

    width: 951px;

    margin-left: 25px;

    background: url(../images/d-route.gif) no-repeat;

    clear: both;

    margin-bottom: -24px;

    position: relative;

}



.inner-page.demonstration-page #demonMap .m0,.inner-page.demonstration-page #demonMap .m1,.inner-page.demonstration-page #demonMap .m2,.inner-page.demonstration-page #demonMap .m3 {

    top: -36px;

}



.inner-page.demonstration-page #demonMap .m4,.inner-page.demonstration-page #demonMap .m5,.inner-page.demonstration-page #demonMap .m6,.inner-page.demonstration-page #demonMap .m7,.inner-page.demonstration-page #demonMap .m8 {

    top: 107px;

}



.inner-page.demonstration-page #demonMap .m9,.inner-page.demonstration-page #demonMap .m10 {

    top: 248px;

}



.inner-page.demonstration-page #demonMap .m0,.inner-page.demonstration-page #demonMap .m7,.inner-page.demonstration-page #demonMap .m10 {

    left: 279px;

}



.inner-page.demonstration-page #demonMap .m1,.inner-page.demonstration-page #demonMap .m6 {

    left: 478px;

}



.inner-page.demonstration-page #demonMap .m2,.inner-page.demonstration-page #demonMap .m5 {

    left: 677px;

}



.inner-page.demonstration-page #demonMap .m3,.inner-page.demonstration-page #demonMap .m4 {

    left: 877px;

}



.inner-page.demonstration-page #demonMap .m8,.inner-page.demonstration-page #demonMap .m9 {

    left: 83px;

}



.inner-page.demonstration-page #demonMap li {

    position: absolute;

    list-style: none;

    width: 430px;

    height: 290px;

}



.inner-page.demonstration-page #demonMap li:first-child a span {

    -webkit-animation: pulse .8s 2;

    animation: pulse .8s 2;

}



.inner-page.demonstration-page #demonMap li a {

    display: inline-block;

    text-align: left;

    position: relative;

    z-index: 9;

    color: #797979;

    padding: 0 60px 0 80px;

    margin-left: -80px;

}



.inner-page.demonstration-page #demonMap li a div {

    position: relative;

    left: -50%;

    text-align: center;

}



.inner-page.demonstration-page #demonMap li a span {

    display: inline-block;

    margin: 0 auto;

    margin-left: -15px;

    width: 30px;

    height: 50px;

    background: url(../images/d-map-pointer.png) center 100% no-repeat;

}



.inner-page.demonstration-page #demonMap li a:hover span {

    background: url(../images/d-map-pointer.png) center top no-repeat;

}



.inner-page.demonstration-page #demonMap li .detail {

    position: relative;

    top: 1px;

    opacity: 0;

    display: none\9;

    left: -50%;

    width: 100%;

    height: 290px;

    background: url(../images/d-map-cover.png) no-repeat;

    padding-left: 21px;

    padding-top: 37px;

    -webkit-transition: opacity .05s;

    -moz-transition: opacity .05s;

    -o-transition: opacity .05s;

    transition: opacity .05s;

}



.inner-page.demonstration-page #demonMap li .detail img {

    display: block;

    width: 380px;

    height: 230px;

}



.inner-page.demonstration-page #demonMap .m3 {

    width: 446px;

    height: 280px;

}



.inner-page.demonstration-page #demonMap .m3 .detail {

    position: absolute;

    background: url(../images/d-map-cover-fk.png) no-repeat;

    top: -19px;

    margin-left: -30px;

    left: -100%;

    padding-left: 22px;

    padding-top: 19px;

}



.inner-page.demonstration-page #demonMap .m8 .detail,.inner-page.demonstration-page #demonMap .m9 .detail {

    position: absolute;

    background: url(../images/d-map-cover-left.png) no-repeat;

    top: -100%;

    left: -105px;

    padding-left: 22px;

    padding-top: 19px;

}



.inner-page.demonstration-page #demonMap .m4 .detail {

    position: absolute;

    background: url(../images/d-map-cover-right.png) no-repeat;

    top: -100%;

    left: -100%;

    padding-top: 19px;

    margin-left: 106px;

}



.inner-page.demonstration-page #demonMap .m5 .detail,.inner-page.demonstration-page #demonMap .m6 .detail,.inner-page.demonstration-page #demonMap .m7 .detail,.inner-page.demonstration-page #demonMap .m10 .detail {

    position: absolute;

    background: url(../images/d-map-cover-down.png) no-repeat;

    top: -100%;

    left: -50%;

    margin-left: -4px;

    padding-left: 22px;

    padding-top: 19px;

}



.inner-page.demonstration-page #demonMap a:hover {

    z-index: 40;

}



.inner-page.demonstration-page #demonMap a:hover+.detail {

    z-index: 30;

    opacity: 1;

    display: block\9;

    -webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    transition: none;

}



.inner-page.demonstration-page .summary {

    background: #666;

    color: #fff;

    width: 530px;

    padding: 7px 12px;

    border-radius: 6px;

    margin-right: 32px;

    float: right;

}



.inner-page.responsibility-page .article-body {

    padding-top: 60px;

    -webkit-transition: height 1s;

    -moz-transition: height 1s;

    -o-transition: height 1s;

    transition: height 1s;

}



.inner-page.responsibility-page img {

    width: 310px;

    display: inline-block;

    vertical-align: top;

}



.inner-page.responsibility-page .caption {

    display: inline-block;

    margin-left: 30px;

    width: 655px;

}



.inner-page.responsibility-page .caption h2 {

    margin-top: 0;

}



.inner-page.brand-films-page .films-wrap {

    background: #333;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    border-bottom-left-radius: 7px;

    border-bottom-right-radius: 25px;

    overflow: hidden;

    width: 990px;

    height: 388px;

    z-index: 100;

    position: relative;

    *zoom: 1;

}



.inner-page.brand-films-page .films-wrap:before,.inner-page.brand-films-page .films-wrap:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.brand-films-page .films-wrap:after {

    clear: both;

}



.inner-page.brand-films-page .film-body {

    float: left;

    height: 100%;

    width: 680px;

    display: table;

}



.inner-page.brand-films-page .film-body .video-js {

    display: table-cell;

    vertical-align: middle;

}



.inner-page.brand-films-page .glyphicon-play {

    font-size: 2rem;

    visibility: hidden;

}



.inner-page.brand-films-page .current .glyphicon-play {

    visibility: visible;

}



.inner-page.brand-films-page .film-list {

    float: left;

    position: absolute;

    left: 680px;

    width: 330px;

    height: 100%;

    overflow-y: scroll;

}



.inner-page.brand-films-page .film-list li:nth-child(1) {

    padding-top: 10px;

}



.inner-page.brand-films-page .film-list li {

    padding: 6px 10px;

    display: block;

    float: none;

    color: #fff;

    *zoom: 1;

}



.inner-page.brand-films-page .film-list li:before,.inner-page.brand-films-page .film-list li:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.brand-films-page .film-list li:after {

    clear: both;

}



.inner-page.brand-films-page .film-list li a {

    color: #fff;

}



.inner-page.brand-films-page .film-list li .film-thumb {

    width: 51%;

    height: 65px;

    float: left;

}



.inner-page.brand-films-page .film-list li .film-thumb img {

    width: 115px;

    height: 65px;

}



.inner-page.brand-films-page .film-list li .film-info {

    width: 49%;

    padding-left: 10px;

    float: left;

}



.inner-page.brand-films-page .film-list li.current {

    background: #86b023;

}



.inner-page.science-page {

    *zoom: 1;

}



.inner-page.science-page:before,.inner-page.science-page:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.science-page:after {

    clear: both;

}



.inner-page.science-page .article-body {

    padding-bottom: 0;

}



.inner-page.science-page .banner-box {

    width: 330px;

    padding: 10px;

    padding-bottom: 20010px;

    margin-bottom: -20000px;

    border-radius: 6px;

    background: #fff;

    height: 450px;

    float: left;

    margin-top: 0;

}



.inner-page.science-page .banner-box .go-top {

    margin-top: 10px;

    cursor: pointer;

}



.inner-page.science-page .banner-box .go-top.affix {

    top: 50px;

}



.inner-page.science-page .qa-box {

    float: left;

    width: 670px;

    padding-right: 5px;

}



.qa-box li img {

    max-width: 100%;

    height: auto!important;

}



.inner-page.science-page .qa-box li {

    width: 100%;

    padding: 15px 20px 20px;

    border-bottom: 1px solid #e3e3e3;

    cursor: pointer;

    -webkit-transition: background .6s;

    -moz-transition: background .6s;

    -o-transition: background .6s;

    transition: background .6s;

}



.inner-page.science-page .qa-box li h2 {

    font-size: 16px;

    line-height: 24px;

    margin-top: 0;

}



.inner-page.science-page .qa-box li div {

    font-family: verdana,'Hiragino Sans GB',"\5b8b\4f53",arial,sans-serif;

}



.inner-page.science-page .qa-box li:not(.open) div {

    display: none;

}



.inner-page.science-page .qa-box li.open {

    background: #fff;

    border-radius: 6px;

}



.inner-page.science-page .qa-box li:last-child {

    border-bottom: 0!important;

}



.inner-page.connotation-page ul {

    color: #fff;

    margin-right: -30px;

}



.inner-page.connotation-page h2 {

    color: #fff;

    font-size: 36px;

    line-height: 1;

}



.inner-page.connotation-page .conno-fashion h2,.inner-page.connotation-page .conno-technology h2 {

    text-align: right;

}



.inner-page.connotation-page p {

    padding-right: 0!important;

    margin-bottom: 15px;

}



.inner-page.connotation-page .conno-list li {

    position: relative;

    margin-top: 20px;

    margin-right: 20px;

}



.inner-page.connotation-page .conno-list li .img-box {

    position: relative;

    z-index: 1;

}



.inner-page.connotation-page .conno-list li .text-box {

    z-index: 2;

    -webkit-box-shadow: 0 0 10px 3px #e1e1e3;

    box-shadow: 0 0 10px 3px #e1e1e3;

}



.inner-page.connotation-page .conno-list li img,.inner-page.connotation-page .conno-list li .text-box {

    -webkit-transition: all .6s ease-out;

    -moz-transition: all .6s ease-out;

    -o-transition: all .6s ease-out;

    transition: all .6s ease-out;

}



.inner-page.connotation-page .conno-list li:hover img {

    -webkit-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -moz-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -o-transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    transition: all 1s cubic-bezier(0.42,0,.58,1) 0s;

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.inner-page.connotation-page .conno-list li:hover .text-box {

    -webkit-transition: all .1s ease-in 0s;

    -moz-transition: all .1s ease-in 0s;

    -o-transition: all .1s ease-in 0s;

    transition: all .1s ease-in 0s;

    -webkit-transform: translate(-10px,0);

    -moz-transform: translate(-10px,0);

    -ms-transform: translate(-10px,0);

    -o-transform: translate(-10px,0);

    transform: translate(-10px,0);

    -webkit-box-shadow: 0 0 10px 10px #e1e1e3;

    box-shadow: 0 0 10px 10px #e1e1e3;

}



.inner-page.connotation-page .conno-list li:hover.conno-technology .text-box {

    -webkit-transform: translate(0,-10px);

    -moz-transform: translate(0,-10px);

    -ms-transform: translate(0,-10px);

    -o-transform: translate(0,-10px);

    transform: translate(0,-10px);

}



.inner-page.connotation-page .conno-list li:hover.conno-love .text-box,.inner-page.connotation-page .conno-list li:hover.conno-health .text-box {

    -webkit-transform: translate(10px,0);

    -moz-transform: translate(10px,0);

    -ms-transform: translate(10px,0);

    -o-transform: translate(10px,0);

    transform: translate(10px,0);

}



.inner-page.connotation-page .conno-list li.conno-love {

    margin-top: 240px;

}



.inner-page.connotation-page .conno-list .img-box {

    border-radius: 5px;

    width: 310px;

    height: 310px;

    overflow: hidden;

}



.inner-page.connotation-page .conno-list .text-box {

    position: absolute;

    left: 30%;

    border-radius: 5px;

    width: 310px;

    padding: 0 17px;

}



.inner-page.connotation-page .conno-list .arrow {

    position: absolute;

    border: 40px solid transparent;

}



.inner-page.connotation-page .conno-delicious .img-box,.inner-page.connotation-page .conno-fashion .img-box {

    border-bottom-left-radius: 30px;

}



.inner-page.connotation-page .conno-love .img-box {

    border-top-left-radius: 30px;

}



.inner-page.connotation-page .conno-technology .img-box,.inner-page.connotation-page .conno-health .img-box {

    border-top-right-radius: 30px;

}



.inner-page.connotation-page .conno-delicious .text-box {

    background: #fc7b03;

    top: 0;

    left: 330px;

    height: 200px;

    border-bottom-right-radius: 30px;

}



.inner-page.connotation-page .conno-delicious .arrow {

    left: -80px;

    top: 60px;

    border-right-color: #fc7b03;

}



.inner-page.connotation-page .conno-love .text-box {

    background: #e98197;

    left: auto;

    top: auto;

    right: 100%;

    bottom: 0;

    margin-right: 20px;

    border-top-left-radius: 30px;

}



.inner-page.connotation-page .conno-love .arrow {

    border-left-color: #e98197;

    top: 50%;

    left: 100%;

    margin-top: -40px;

}



.inner-page.connotation-page .conno-technology .text-box {

    background: #53b4e6;

    top: 330px;

    left: 0;

    border-bottom-right-radius: 30px;

}



.inner-page.connotation-page .conno-technology .arrow {

    border-bottom-color: #53b4e6;

    top: -80px;

    left: 115px;

}



.inner-page.connotation-page .conno-fashion {

    clear: left;

}



.inner-page.connotation-page .conno-fashion .text-box {

    background: #f6902c;

    left: 100%;

    top: 0;

    right: 100%;

    margin-left: 20px;

    margin-right: 20px;

    border-bottom-right-radius: 30px;

}



.inner-page.connotation-page .conno-fashion .arrow {

    border-right-color: #f6902c;

    right: 100%;

    top: 50%;

    margin-top: -40px;

}



.inner-page.connotation-page .conno-health {

    left: 330px;

}



.inner-page.connotation-page .conno-health .img-box {

    height: 370px;

}



.inner-page.connotation-page .conno-health .text-box {

    background: #fc7b03;

    bottom: 0;

    right: 100%;

    left: auto;

    margin-right: 20px;

    border-bottom-left-radius: 30px;

}



.inner-page.connotation-page .conno-health .arrow {

    border-left-color: #fc7b03;

    top: 50%;

    left: 100%;

    margin-top: -40px;

}



.inner-page.product-page {

}



.inner-page.product-page .article-body {

    background: url(../images/pd_bg.jpg) center top no-repeat;

    background-size: 100%;

    -webkit-box-shadow: inset 0 2px 4px 1px #dfdfdf;

    box-shadow: inset 0 2px 4px 1px #dfdfdf;

    padding-bottom: 0;

}



.inner-page.product-page .pd-feature {

    margin: 20px 0;

    clear: both;

}



.inner-page.product-page .pd-feature li {

    line-height: 20px;

    margin: 10px 15px 0 0;

}



.inner-page.product-page .pd-feature li:after {

    content: " ";

    background: url(../images/ico_feature_right.png);

    display: block;

    float: left;

    width: 20px;

    margin-right: 10px;

    height: 20px;

}



.inner-page.product-page .p-label {

    background: url(../images/pd_label_1_left.png) no-repeat;

    float: left;

    height: 20px;

    line-height: 20px;

    color: #fff;

    position: relative;

    margin-right: 10px;

}



.inner-page.product-page .p-label span {

    position: relative;

    z-index: 1;

    padding: 0 10px;

}



.inner-page.product-page .p-label:after {

    content: " ";

    position: absolute;

    left: 8px;

    right: 0;

    top: 0;

    height: 100%;

    z-index: 0;

    background: url(../images/pd_label_1_right.png) right 0 no-repeat;

}



.inner-page.product-page .p-label:before {

    content: " ";

    position: absolute;

    left: 8px;

    right: 8px;

    top: 0;

    height: 100%;

    z-index: 0;

    background: #fc7b03;

}



.inner-page.product-page .p-detail {

    display: table-cell;

    width: 400px;

}



.inner-page.product-page .pd-detail li {

    float: none;

    margin-bottom: 12px;

    display: block;

}



.inner-page.product-page .top-bd {

    margin-bottom: 30px;

}



.inner-page.product-page .top-bd .title {

    color: #fc7b03;

    padding-top: 50px;

}



.inner-page.product-page .top-bd .info-box {

    float: left;

    width: 100%;

    min-height: 375px;

    max-width: 600px;

    height: auto!important;

}



.inner-page.product-page .top-bd .kv-box {

    position: absolute;

    top: 25px;

    right: 0;

    max-width: 700px;

    text-align: center;

}



.inner-page.product-page .top-bd .kv-box img {

    max-height: 360px;

}



.inner-page.product-page .top-bd .hot-ico {

    background: url(../images/ico_hot.png) no-repeat;

    width: 95px;

    height: 35px;

    display: inline-block;

}



.inner-page.product-page .top-bd .star-ico {

    background: url(../images/ico_stars.png) no-repeat;

    width: 89px;

    height: 2px;

    display: inline-block;

}



.inner-page.product-page .mid-bd {

    height: 330px;

    margin-bottom: 35px;

    position: relative;

}



.inner-page.product-page .mid-bd .pd-title {

    color: #fc7b03;

}



.inner-page.product-page .mid-bd:before {

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: url(../images/wait.png) center top no-repeat;

    z-index: 0;

}



.inner-page.product-page .mid-bd .mid-content {

    position: relative;

    height: 100%;

    z-index: 1;

}



.inner-page.product-page .caption {

    padding: 30px;

    width: 250px;

    float: left;

    height: 330px;

    color: #fff;

    background: url(../images/pd_video_bg.png) no-repeat;

}



.inner-page.product-page .caption .detail {

    height: 100px;

    overflow: hidden;

}



.inner-page.product-page .menu-content .main {

    float: left;

    width: 630px;

    height: 328px;

    border: 1px solid #f3d131;

}



.inner-page.product-page .menu-content .caption {

    padding: 0;

    width: 200px;

    background: url(../images/pd_menu_bg.png) no-repeat;

}



.inner-page.product-page .menu-content .caption .info {

    padding: 27px;

}



.inner-page.product-page .menu-content .tab {

    padding: 0 27px;

    height: 35px;

    width: 100%;

    line-height: 35px;

}



.inner-page.product-page .menu-content .kv {

    float: left;

    width: 326px;

    overflow: hidden;

    border: 1px solid #f3d131;

    border-width: 1px 0;

}



.inner-page.product-page .menu-content .kv img {

    height: 328px;

}



.inner-page.product-page .menu-content .detail-box {

    padding: 15px 0 15px 20px;

    background: #fff;

    position: relative;

    height: 330px;

    border: 1px solid #f3d131;

    border-bottom-right-radius: 7px;

    border-top-right-radius: 7px;

    border-width: 1px 1px 1px 0;

}



.inner-page.product-page .menu-content .detail-box .see-menu {

    font-size: 14px;

    display: block;

    float: left;

    background: #fc7b03;

    position: absolute;

    bottom: 30px;

    left: 30px;

    border-radius: 5px;

    padding: 0 10px;

    height: 25px;

    line-height: 25px;

    color: #fff;

}



.inner-page.product-page .menu-content .detail-box .see-menu:hover {

    background: #009641;

}



.inner-page.product-page .menu-content #pdMenuCarousel .carousel-indicators {

    width: 200px;

    height: 193px;

    background: #f3d131;

}



.inner-page.product-page .menu-content #pdMenuCarousel .carousel-indicators .tab.active,.inner-page.product-page .menu-content #pdMenuCarousel .carousel-indicators .tab:hover {

    background: #dcb500;

}



.inner-page.product-page .carousel.slide {

    padding-left: 200px;

}



.inner-page.product-page #pdVideoCarousel {

    padding-left: 250px;

}



.inner-page.product-page #pdVideoCarousel>.pscroll-y-box,.inner-page.product-page #pdMenuCarousel>.pscroll-y-box {

    width: 250px;

    height: 185px;

    top: 117px;

    overflow: hidden;

    position: absolute;

    left: 0;

}



.inner-page.product-page .caption {

    position: absolute;

    left: 0;

}



.inner-page.product-page .carousel-indicators {

    left: 0;

    top: 0;

    margin-left: 0;

}



.inner-page.product-page .pd-content,.inner-page.product-page .menu-content {

    width: 830px;

    float: left;

    height: 100%;

}



.inner-page.product-page .pd-content {

    position: relative;

    z-index: 1;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    border-bottom-left-radius: 28px;

    border-bottom-right-radius: 7px;

    overflow: hidden;

}



.inner-page.product-page .pd-content .carousel {

    overflow: hidden;

}



.inner-page.product-page .pd-content .video-content .video-box {

    width: 580px;

    float: left;

}



.inner-page.product-page .pd-content .video-content .item {

    height: 100%;

}



.inner-page.product-page .pd-content .carousel-inner {

    background: #fff;

}



.inner-page.product-page .pd-content .carousel-inner .item.left,.inner-page.product-page .pd-content .carousel-inner .item.right {

    z-index: 99;

}



.inner-page.product-page .pd-content .carousel-indicators {

    position: absolute;

    width: 250px;

    height: 185px;

}



.inner-page.product-page .pd-content .carousel-indicators .tab {

    text-align: left;

    cursor: pointer;

    color: #fff;

    padding: 0 30px;

    height: 35px;

    width: 100%;

    line-height: 35px;

}



.inner-page.product-page .pd-content .carousel-indicators .tab.active,.inner-page.product-page .pd-content .carousel-indicators .tab:hover {

    background: #86b023;

}



.inner-page.product-page .pd-tabs {

    width: 162px;

    float: left;

    height: 100%;

    margin: 0 0 -10px 7px;

}



.inner-page.product-page .pd-tabs li {

    margin: 0 0 10px;

}



.inner-page.product-page .pd-tabs a {

    font-size: 14px;

    display: block;

    text-decoration: none;

}



.inner-page.product-page .pd-tabs .ico {

    text-align: center;

    color: #fff;

    width: 160px;

    height: 160px;

}



.inner-page.product-page .pd-tabs .ico-go-video {

    padding-top: 114px;

    background: url(../images/ico-go-video.png) no-repeat;

}



.inner-page.product-page .pd-tabs .ico-special-menu {

    padding-top: 118px;

    background: url(../images/ico-special-menu.png) no-repeat;

}



.inner-page.product-page .pd-tabs li.active .ico-special-menu,.inner-page.product-page .pd-tabs li .ico-special-menu:hover {

    background: url(../images/ico-special-menu-hover.png) no-repeat;

    color: #f3d131;

}



.inner-page.product-page .pd-tabs li.active .ico-go-video,.inner-page.product-page .pd-tabs li .ico-go-video:hover {

    background: url(../images/ico-go-video-hover.png) no-repeat;

    color: #fc7b03;

}



.inner-page.product-page .bott-bd {

    background: #f5f5f5;

    border-top: 10px solid #f3d131;

    padding-bottom: 40px;

    position: relative;

}



.inner-page.product-page .bott-bd .top-label {

    z-index: 4;

    position: relative;

}



.inner-page.product-page .bott-bd.openSlide .top-label {

    z-index: 0;

}



.inner-page.product-page .bott-bd .other-list {

    margin: 0;

    display: block;

    width: 20000px;

}



.inner-page.product-page .bott-bd .other-list li {

    width: 326px;

    float: none;

    display: inline-block;

}



.inner-page.product-page .bott-bd .other-list a {

    text-align: center;

}



.inner-page.product-page .bott-bd .other-list img {

    max-width: 180px;

}



.inner-page.product-page .bott-bd .other-list span {

    border-radius: 5px;

    line-height: 25px;

    color: #fc7b03;

    background: #fff;

    width: 170px;

    margin: 20px auto;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-box-shadow: 0 0 4px 2px #eee;

    box-shadow: 0 0 4px 2px #eee;

}



.inner-page.product-page .bott-bd .other-container {

    overflow: hidden;

    position: relative;

    z-index: 3;

    top: -42px;

}



.inner-page.product-page .bott-bd .other-list-box {

    margin: 79px -100% 0 0;

    float: left;

    width: 100%;

}



.inner-page.product-page .bott-bd .other-detail-box.in {

    visibility: visible;

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    -o-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out;

}



.inner-page.product-page .bott-bd .other-detail-box {

    position: relative;

    width: 100%;

    z-index: 10;

    visibility: hidden;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-transform: translate3d(100%,0,0);

    -moz-transform: translate3d(100%,0,0);

    -o-transform: translate3d(100%,0,0);

    transform: translate3d(100%,0,0);

    -webkit-transition: all .6s ease-in;

    -moz-transition: all .6s ease-in;

    -o-transition: all .6s ease-in;

    transition: all .6s ease-in;

    -webkit-box-shadow: 3px 5px 24px rgba(0,0,0,.36);

    -moz-box-shadow: 3px 5px 24px rgba(0,0,0,.36);

    box-shadow: 3px 5px 24px rgba(0,0,0,.36);

    overflow: hidden;

}



.inner-page.product-page .bott-bd .other-detail-box .close-bg {

    position: absolute;

    top: 0;

    right: 0;

    display: block;

    border: 20px solid #000;

    border-color: #f3d131 #f3d131 transparent transparent;

}



.inner-page.product-page .bott-bd .other-detail-box .close-btn {

    color: #fff;

    top: 0;

    right: 0;

    z-index: 2;

    position: absolute;

    cursor: pointer;

}



.inner-page.product-page .bott-bd .other-detail-box .close-btn span {

    position: absolute;

    right: 4px;

    top: 0;

    font-size: 21px;

    line-height: 1;

    text-shadow: 0 1px 0 #fff;

}



.inner-page.product-page .bott-bd .other-detail-box .close-btn:hover {

    color: red;

}



.inner-page.product-page .bott-bd .other-detail-list {

    background: #fff;

    position: relative;

    z-index: 1;

}



.inner-page.product-page .bott-bd .other-detail-list .info-box {

    float: left;

    width: 450px;

    padding: 40px 5px 50px 30px;

}



.inner-page.product-page .bott-bd .other-detail-list .pd-detail {

    margin-top: 20px;

}



.inner-page.product-page .bott-bd .other-detail-list .p-detail {

    display: table-cell;

}



.inner-page.product-page .bott-bd .other-detail-list .title {

    margin-bottom: 35px;

}



.inner-page.product-page .bott-bd .other-detail-list .item {

    display: none;

    position: relative;

    overflow: hidden;

    cursor: pointer;

    width: 100%;

}



.inner-page.product-page .bott-bd .other-detail-list .item.active {

    display: block;

}



.inner-page.product-page .bott-bd .other-detail-list .pd-detail-box li {

    margin-bottom: 12px;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box {

    margin: 30px 10px 10px 450px;

    overflow: hidden;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box .slide-wrap {

    position: relative;

    left: 160px;

    overflow: inherit;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box .slide-wrap.last {

    left: -160px;

    -webkit-transition: left .3s ease-out;

    transition: left .3s ease-out;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box ul {

    width: 10000%;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box ul li {

    text-align: center;

    width: 300px;

    height: 300px;

    margin-right: 10px;

    display: table;

    table-layout: fixed;

    overflow: hidden;

    padding: 0;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box ul li div {

    display: table-cell;

    vertical-align: middle;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box ul li img {

    max-width: 300px;

    max-height: 300px;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box .slide-prev,.inner-page.product-page .bott-bd .other-detail-list .img-box .slide-next {

    display: none;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li {

    padding: 10px;

    position: relative;

    background: #f3f3f3;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li div {

    position: relative;

    height: 300px;

    width: 300px;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li div:after {

    background: url(../images/pd_left_mask.png) right repeat-y;

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li.active div:after {

    display: none;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li.active+li div:after {

    background: url(../images/pd_left_mask.png) repeat-y;

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.inner-page.product-page .bott-bd .other-detail-list .img-box li div:hover:after {

    opacity: 0;

}



.inner-page.product-page .bott-bd .a-title {

    background: #f3d131;

    padding: 0 50px;

    line-height: 30px;

    height: 40px;

    display: block;

    float: left;

    color: #fff;

    margin: 0;

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

}



.inner-page.product-page .bott-bd .go-shop {

    background: url(../images/ico_go_shop.png) no-repeat;

    line-height: 20px;

    margin-top: 22px;

    color: #fc7b03;

    text-decoration: underline;

    text-indent: 27px;

    font-size: 14px;

    display: block;

}



.inner-page.product-menu-page .material-list {

    border: 1px solid #ddd;

    padding: 19px 19px 3px;

}



.inner-page.product-menu-page .material-list li {

    width: 33.33%;

    float: left;

    color: #fc7b03;

    line-height: 1;

    margin-bottom: 12px;

    font-size: 11.9px;

}



.inner-page.product-menu-page .recipe-bd {

    border-bottom: 1px solid #ddd;

}



.inner-page.product-menu-page .recipe-bd li {

    *zoom: 1;

    width: 100%;

}



.inner-page.product-menu-page .recipe-bd li:before,.inner-page.product-menu-page .recipe-bd li:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.product-menu-page .recipe-bd li:after {

    clear: both;

}



.inner-page.product-menu-page .recipe-bd .pic {

    float: right;

    border-radius: 6px;

}



.inner-page.product-menu-page .recipe-bd .info {

    width: 240px;

    float: left;

}



.inner-page.product-menu-page .recipe-bd li {

    margin-bottom: 20px;

}



.inner-page.product-menu-page .recipe-bd li:before {

    background: url(../images/ico_gr_dot30.png);

    display: block;

    width: 29px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    font-size: 16px;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    float: left;

    margin-right: 10px;

}



.inner-page.product-menu-page .recipe-bd li:nth-child(1):before {

    content: '1';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(2):before {

    content: '2';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(3):before {

    content: '3';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(4):before {

    content: '4';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(5):before {

    content: '5';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(6):before {

    content: '6';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(7):before {

    content: '7';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(8):before {

    content: '8';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(9):before {

    content: '9';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(10):before {

    content: '10';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(11):before {

    content: '11';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(12):before {

    content: '12';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(13):before {

    content: '13';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(14):before {

    content: '14';

}



.inner-page.product-menu-page .recipe-bd li:nth-child(15):before {

    content: '15';

}





.inner-page.product-menu-page .recipe-body {

    padding: 20px 45px 40px 40px;

    width: 685px;

    float: left;

}



.inner-page.product-menu-page .aside {

    float: right;

    width: 280px;

    border-radius: 6px;

    overflow: hidden;

}



.inner-page.product-menu-page .aside .bd-title {

    background: #f3d131;

    color: #fff;

    text-align: center;

    height: 50px;

    margin: 0;

    line-height: 50px;

}



.inner-page.product-menu-page .aside .other-recipes {

    padding-bottom: 20px;

}



.inner-page.product-menu-page .aside .other-recipes h4 {

    color: #fc7b03;

    font-weight: 700;

    text-align: center;

    margin: 15px 0 0;

}



.inner-page.product-menu-page .aside .other-recipes ul {

    height: 540px;

}



.inner-page.product-menu-page .aside .other-recipes li {

    width: 100%;

    padding: 40px 40px 0;

}



.inner-page.product-menu-page .aside .pagination {

    width: 100%;

    text-align: center;

    margin-bottom: 20px;

}



.inner-page.product-menu-page .aside .pagination a {

    color: #d9d9d9;

    padding: 5px 7px;

    line-height: 20px;

    height: 30px;

    display: block;

    border: 0;

}



.inner-page.product-menu-page .aside .pagination li.current a,.inner-page.product-menu-page .aside .pagination .prev a,.inner-page.product-menu-page .aside .pagination .next a {

    color: #fc7b03;

}



.inner-page.product-menu-page .aside .pagination li {

    display: inline-block;

    float: none;

}



.inner-page.product-menu-page .go-top {

    margin-top: 30px;

}



.inner-page.product-menu-page .article-body {

    background: #f5f5f5;

}



.inner-page.product-menu-page .slide-wrap {

    margin: 0 65px;

}



.inner-page.product-menu-page .top-bd .info-box {

    float: left;

    width: 100%;

    padding-top: 10px;

}



.inner-page.product-menu-page .top-bd .menu-info {

    width: 550px;

    padding-left: 30px;

}



.inner-page.product-menu-page .top-bd .menu-info .menu-intro {

    margin: 24px 0 10px;

    line-height: 2;

}



.inner-page.product-menu-page .top-bd .menu-info .menu-list {

    color: #fc7b03;

}



.inner-page.product-menu-page .top-bd .menu-info .menu-list li {

    display: block;

    float: none;

    margin-top: 10px;

}



.inner-page.product-menu-page .top-bd .title {

    padding: 0;

}



.inner-page.product-menu-page .mid-bd {

    height: auto;

    background: #f5f5f5;

    border-top: 10px solid #f3d131;

    padding-top: 20px;

    padding-bottom: 30px;

}



.inner-page.product-menu-page .mid-bd li {

    *zoom: 1;

    background: #fff;

    border-bottom: 6px solid #eaeaea;

    width: 100%;

}



.inner-page.product-menu-page .mid-bd li:before,.inner-page.product-menu-page .mid-bd li:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page.product-menu-page .mid-bd li:after {

    clear: both;

}



.inner-page.product-menu-page .mid-bd li div {

    width: 580px;

    float: left;

    min-height: 250px;

    padding: 170px 70px 0;

}



.inner-page.product-menu-page .mid-bd li img {

    float: right;

    margin: 20px 20px 20px 0;

}



.inner-page.product-menu-page .mid-bd li:nth-child(1) div {

    background: url(../images/step_1.png) center 30px no-repeat;

}



.inner-page.product-menu-page .mid-bd li:nth-child(2) div {

    background: url(../images/step_2.png) center 30px no-repeat;

}



.inner-page.product-menu-page .mid-bd li:nth-child(3) div {

    background: url(../images/step_3.png) center 30px no-repeat;

}



.inner-page.product-menu-page .mid-bd li:nth-child(4) div {

    background: url(../images/step_4.png) center 30px no-repeat;

}



.inner-page.product-menu-page .mid-bd li:nth-child(5) div {

    background: url(../images/step_5.png) center 30px no-repeat;

}



.inner-page.product-menu-page .mid-bd li:nth-child(6) div {

    background: url(../images/step_6.png) center 30px no-repeat;

}



.inner-page .qa-box,.inner-page .news-list-box {

    float: left;

    width: 680px;

    padding-right: 30px;

}



.inner-page .news-list-box {

    margin-top: -30px;

}



.inner-page .news-list-box {

    padding-left: 40px;

    padding-right: 40px;

}



.inner-page .banner-box {

    width: 320px;

    padding-right: 10px;

    margin-top: -20px;

    float: left;

}



.inner-page .banner-box .go-top {

    margin-top: 10px;

    cursor: pointer;

}



.inner-page .banner-box .go-top.affix {

    top: 50px;

}



.inner-page.health-page .article-body {

    padding-bottom: 0;

}



.inner-page.health-page .qa-box {

    padding-left: 30px;

}



.inner-page.health-page .title {

    color: #fc7b03;

    line-height: 26px;

}



.inner-page.health-page .time-line {

    color: #ccc;

    font-family: verdana,'Hiragino Sans GB',"\5b8b\4f53",arial,sans-serif;

}



.inner-page.health-page .update-time {

    padding-right: 15px;

}



.inner-page.join-home-page {

}



.inner-page.join-home-page .top-bd {

    background: url(../images/b_half_circle.png) center no-repeat;

    height: 93px;

    position: relative;

    z-index: 2;

}



.inner-page.join-home-page .article-body {

    padding-top: 0;

    -webkit-box-shadow: inset 0 3px 6px rgba(223,223,223,.75);

    box-shadow: inset 0 3px 6px rgba(223,223,223,.75);

}



.inner-page.join-home-page .big-show {

    position: relative;

    z-index: 1;

    height: 355px;

}



.inner-page.join-home-page .carton-bd {

    position: relative;

    z-index: 1;

}



.inner-page.join-home-page .carton-bd span,.inner-page.join-home-page .carton-bd i {

    display: block;

}



.inner-page.join-home-page .follow-bd .title {

    background: url(../images/follow_text.png) no-repeat center #f3d131;

    height: 40px;

}



.inner-page.join-home-page .big-show span,.inner-page.join-home-page .big-show i {

    position: absolute;

}



.inner-page.join-home-page .man_1 span {

    left: 95px;

    top: 101px;

    background: url(../images/man_1.png) no-repeat;

    width: 267px;

    height: 351px;

    z-index: 2;

}



.inner-page.join-home-page .man_1 i {

    left: 84px;

    top: 337px;

    background: url(../images/circle_1.png) no-repeat;

    width: 195px;

    height: 170px;

    z-index: 1;

}



.inner-page.join-home-page .man_2 span {

    left: 587px;

    top: -12px;

    background: url(../images/man_2.png) no-repeat;

    width: 350px;

    height: 527px;

    z-index: 6;

}



.inner-page.join-home-page .man_2 i {

    left: 722px;

    top: 340px;

    background: url(../images/circle_3.png) no-repeat;

    width: 161px;

    height: 161px;

    z-index: 5;

}



.inner-page.join-home-page .girl_1 span {

    left: 371px;

    top: 56px;

    background: url(../images/girl_1.png) no-repeat;

    width: 284px;

    height: 387px;

    z-index: 3;

}



.inner-page.join-home-page .girl_1 i {

    left: 380px;

    top: 284px;

    background: url(../images/circle_2.png) no-repeat;

    width: 208px;

    height: 208px;

    z-index: 4;

}



.inner-page.join-home-page .carton-bd .arrow {

    background: url(../images/arrow_join.png) no-repeat;

    position: absolute;

    top: -50px;

    left: 259px;

    width: 144px;

    height: 136px;

    -webkit-transition: transform .4s;

    -moz-transition: transform .4s;

    -o-transition: transform .4s;

    transition: transform .4s;

}



.inner-page.join-home-page .carton-bd li.man_1:hover~.arrow {

    -webkit-transform: translate3d(10px,-10px,0);

    -moz-transform: translate3d(10px,-10px,0);

    -o-transform: translate3d(10px,-10px,0);

    transform: translate3d(10px,-10px,0);

}



.inner-page.join-home-page .carton-bd li.girl_1:hover~.arrow {

    -webkit-transform: rotate(-30deg) translate3d(200px,10px,0);

    -moz-transform: rotate(-30deg) translate3d(200px,10px,0);

    -o-transform: rotate(-30deg) translate3d(200px,10px,0);

    transform: rotate(-30deg) translate3d(200px,10px,0);

}



.inner-page.join-home-page .carton-bd li.man_2:hover~.arrow {

    left: 400px;

    transform-origin: 100% 0;

    -webkit-transform-origin: 100% 0;

    -webkit-transform: rotate(-60deg) translate3d(100px,30px,0);

    -moz-transform: rotate(-60deg) translate3d(100px,30px,0);

    -o-transform: rotate(-60deg) translate3d(100px,30px,0);

    transform: rotate(-60deg) translate3d(100px,30px,0);

}



.inner-page.join-home-page .carton-bd span {

    -webkit-transition: all .4s ease-in;

    -moz-transition: all .4s ease-in;

    -o-transition: all .4s ease-in;

    transition: all .4s ease-in;

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    -o-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}



.inner-page.join-home-page .man_1:hover span {

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

    -webkit-transform: translate3d(-7px,-20px,0);

    -moz-transform: translate3d(-7px,-20px,0);

    -o-transform: translate3d(-7px,-20px,0);

    transform: translate3d(-7px,-20px,0);

}



.inner-page.join-home-page .girl_1:hover span {

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

    -webkit-transform: translate3d(0px,-30px,0);

    -moz-transform: translate3d(0px,-30px,0);

    -o-transform: translate3d(0px,-30px,0);

    transform: translate3d(0px,-30px,0);

}



.inner-page.join-home-page .man_2:hover span {

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

    -webkit-transform: translate3d(4.5px,-20px,0);

    -moz-transform: translate3d(4.5px,-20px,0);

    -o-transform: translate3d(4.5px,-20px,0);

    transform: translate3d(4.5px,-20px,0);

}



.inner-page.join-home-page .carton-bd li i {

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

}



.inner-page.join-home-page .carton-bd li:hover i {

    -webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.inner-page.join-home-page .slogan-bd {

    position: relative;

    z-index: 3;

    background: url(../images/slogan.png) no-repeat;

    width: 973px;

    height: 350px;

    margin: 0 auto;

}



.inner-page.join-home-page .wx_text {

    background: url(../images/wx_text.png) no-repeat;

    width: 158px;

    height: 69px;

}



.inner-page.join-home-page .sina_text {

    background: url(../images/weibo_text.png) no-repeat;

    width: 200px;

    height: 68px;

}



.inner-page.join-home-page .text-bd .title {

    background: url(../images/join_title1.jpg) no-repeat center;

    height: 50px;

    margin-bottom: 30px;

}



.inner-page.join-home-page .text-wrap {

    position: relative;

    z-index: 2;

    margin: -95px auto;

    padding: 75px 20px;

    width: 900px;

    -webkit-border-radius: 18px;

    -moz-border-radius: 18px;

    border-radius: 18px;

    background-color: #fff;

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.12);

    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.12);

    box-shadow: 0 6px 12px rgba(0,0,0,.12);

}



.inner-page.join-home-page .text-bd {

    padding: 0 23px 50px;

}



.inner-page.join-home-page .left-ct {

    color: #666;

    width: 484px;

    padding-right: 20px;

    float: left;

}



.inner-page.join-home-page .right-cnt {

    float: left;

}



.inner-page.join-home-page .club-link {

    background-color: #b264b0;

}



.inner-page.join-home-page .club-link:hover {

    background-color: #984b96;

}



.inner-page.join-home-page .app-link {

    background-color: #fc7b03;

}



.inner-page.join-home-page .app-link:hover {

    background-color: #7c9d2e;

}



.inner-page.join-home-page .club-link,.inner-page.join-home-page .app-link {

    margin: 10px 0;

    text-decoration: none!important;

    font-size: 18px;

    color: #fff;

    display: inline-block;

    padding: 0 20px;

    line-height: 40px;

    text-align: left;

    height: 40px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

}



.inner-page.join-home-page .follow-bd .main img {

    float: left;

}



.inner-page.join-home-page .img-cover {

    margin: 30px 0;

}



.inner-page.wait-page {

    background: url(../images/wait.png) center no-repeat;

    height: 530px;

}



.inner-page .article-box .detail-box {

    margin-top: 20px;

    min-height: 530px;

}



.inner-page .article-box .detail-box h1,.inner-page .article-box .detail-box h2,.inner-page .article-box .detail-box h3,.inner-page .article-box .detail-box h4,.inner-page .article-box .detail-box h5 {

    color: #fc7b03;

}



.inner-page .article-box .detail-box img {

    /*margin: 10px 0 20px;*/

    max-width: 600px;

}



.inner-page .back {

    font-size: 14px;

    font-family: verdana,'Hiragino Sans GB',"\5b8b\4f53",arial,sans-serif;

    float: right;

    color: #fc7b03;

}



.inner-page .news-list .img-box {

    width: 220px;

    height: 147px;

    float: left;

    background-size:cover!important;

}



.inner-page .news-list .img-box img {

    width: 100%;

    height: 100%;

    border-radius: 6px;

}



.inner-page .news-list .info-box {

    width: 380px;

    float: left;

    padding-left: 20px;

    color: #797979;

}



.inner-page .news-list .info-box h4 {

    margin-top: 0;

}



.inner-page .news-list .digest {

    margin-top: 10px;

    margin-right: -16px;

    height: 48px;

    overflow: hidden;

}



.inner-page .news-list .read-times {

    padding-left: 10px;

}



.inner-page .news-list .digest {

    line-height: 2;

}



.inner-page .news-list li {

    padding: 30px 0;

    border-bottom: 1px solid #e3e3e3;

    *zoom: 1;

}



.inner-page .news-list li:before,.inner-page .news-list li:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page .news-list li:after {

    clear: both;

}



.inner-page .j-pagination {

    *zoom: 1;

    margin-top: 20px;

    margin-right: 40px;

}



.inner-page .j-pagination:before,.inner-page .j-pagination:after {

    content: " ";

    display: table;

    line-height: 0;

}



.inner-page .j-pagination:after {

    clear: both;

}



.inner-page .j-pagination li {

    float: left;

    margin-right: 10px;

}



.inner-page .j-pagination li a {

    padding: 9px 10px;

    color: #000;

    display: block;

    line-height: 1;

    border: 1px solid #c1c1c1;

}



.inner-page .j-pagination li a.current,.inner-page .j-pagination li a[href]:hover {

    background: #2d9c2c;

    color: #fff;

}



.inner-page .page-box {

    display: inline-block;

}



.inner-page .bdsharebuttonbox {

    float: right;

    margin-top: 21px;

    display: inline-block;

}



.inner-page .bdsharebuttonbox .t {

    float: left;

    font-size: 14px;

    color: #000;

    margin: 4px 8px;

}



.inner-page .bds_tqq,.inner-page .bds_tsina,.inner-page .bds_weixin,.inner-page .bds_sqq,.inner-page .bds_douban {

    background: url(../images/share-btns.jpg) no-repeat!important;

    height: 30px;

    width: 30px;

    display: block;

    margin: 0 5px!important;

    float: left;

}



.inner-page .bds_tsina {

    background-position: 0 0!important;

}



.inner-page .bds_weixin {

    background-position: -122px 0!important;

}



.inner-page .bds_sqq {

    background-position: -41px 0!important;

}



.inner-page .bds_tqq {

    background-position: -81px 0!important;

}



.inner-page .bds_douban {

    background-position: right 0!important;

}



.inner-page .other-articles {

    border: 1px solid #ffcb37;

    border-radius: 6px;

    margin-top: 10px;

}



.inner-page .other-articles li.title {

    background: #f3d131;

    color: #fff;

    text-align: center;

    height: 36px;

    margin-bottom: 12px;

}



.inner-page .other-articles li.title h3 {

    line-height: 34px;

    margin: 0;

}



.inner-page .other-articles li {

    width: 100%;

}



.inner-page .other-articles li a {

    display: block;

    color: #fc7b03;

    text-decoration: none;

    height: 36px;

    line-height: 32px;

    margin: 0 18px;

    border-bottom: 1px solid #ffcb37;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.inner-page .other-articles li a[href]:hover {

    color: #ff4500;

}



.inner-page .other-articles li:last-child a {

    border-bottom: 0;

}



.inner-page #loadMoreNews {

    background: #e3e3e3;

    font-size: 18px;

    height: 40px;

    line-height: 40px;

    border-radius: 6px;

    color: #fff;

    border: 0;

    width: 100%;

}



.inner-page .news-list-box.loading:after {

    content: " ";

    background: url(../images/loading.gif) no-repeat;

    width: 32px;

    height: 32px;

    margin: 15px auto;

    background-size: 100%;

    background-image: none\9;

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images%2Floading.gif', sizingMethod=scale);

    display: block;

}



.inner-page.health-page .article-body>.container>.row {

    background: #fff;

    padding: 30px 0;

    border-radius: 6px;

}



.inner-page.terms-page h1,.inner-page.terms-page h4 {

    color: #fc7b03;

}



.inner-page.contact-page .box-left,.inner-page.join-home-page .box-left,.inner-page.contact-page .box-right,.inner-page.join-home-page .box-right {

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    float: left;

    margin: 40px 20px;

    width: 390px;

    padding: 10px;

}



.inner-page.contact-page .box-left,.inner-page.join-home-page .box-left {

    border: 1px solid #fc7b03;

}



.inner-page.contact-page .box-right,.inner-page.join-home-page .box-right {

    border: 1px solid #e77a5d;

}



.inner-page.contact-page .wx_label,.inner-page.join-home-page .wx_label,.inner-page.contact-page .weibo_label,.inner-page.join-home-page .weibo_label {

    width: 206px;

    text-align: center;

    float: left;

    height: 150px;

}



.inner-page.contact-page .wx_label h4,.inner-page.join-home-page .wx_label h4,.inner-page.contact-page .weibo_label h4,.inner-page.join-home-page .weibo_label h4 {

    color: #666;

    margin-top: 20px;

}



.inner-page.contact-page .wx_label,.inner-page.join-home-page .wx_label {

    background: url(../images/wx_text.png) no-repeat 26px 55px;

}



.inner-page.contact-page .weibo_label,.inner-page.join-home-page .weibo_label {

    background: url(../images/weibo_text.png) no-repeat 12px 55px;

}



.inner-page.contact-page .weibo_label:hover,.inner-page.join-home-page .weibo_label:hover {

    color: #e77a5d;

}



.inner-page.contact-page .news-list-box {

    padding-left: 30px;

}



.inner-page.contact-page .bdsharebuttonbox {

    float: left;

}



.inner-page.contact-page .detail-box p,.inner-page.contact-page .follow-box {

    margin-bottom: 30px;

}



.inner-page.contact-page .wx_label {

    width: 167px!important;

    margin-left: 5px;

}



.inner-page.contact-page .wx_label {

    background-position: 0 55px;

}



.inner-page.contact-page .weibo_label {

    background: url(../images/weibo_text.png) no-repeat 0 55px;

    width: 175px!important;

    margin-left: 5px;

    background-size: 100%;

}



.inner-page.contact-page .box-left,.inner-page.contact-page .box-right {

    padding: 0 5px;

    margin: 0 15px 0 0;

    width: 305px;

}



.inner-page.contact-page .box-left h4,.inner-page.contact-page .box-right h4 {

    font-size: 16px;

}



.inner-page.contact-page .box-left img,.inner-page.contact-page .box-right img {

    float: left;

    width: 112px;

}



.inner-page.contact-page .follow-box {

    width: 700px;

}



#respSlide {

    padding-bottom: 70px;

}



#respSlide .item>p {

    display: inline;

}



.common-slide .glyphicon.glyphicon-chevron-right,.common-slide .glyphicon.glyphicon-chevron-left {

    width: 55px;

    top: 150px;

}



.common-slide .carousel-control:hover,.common-slide .carousel-control:focus {

    opacity: 1;

    filter: alpha(opacity=100);

}



.common-slide .glyphicon.glyphicon-chevron-left:before,.common-slide .glyphicon.glyphicon-chevron-right:before {

    content: " ";

    background: url(../images/slide-arrow.png) no-repeat;

    height: 100px;

    width: 55px;

    display: block;

}



.common-slide .glyphicon.glyphicon-chevron-right:before {

    background-position: 0 -100px;

}



.main-footer {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

}



body {

    padding-bottom: 50px;

}



@media screen and (max-width:1199px) {

    #respSlide .carousel-control {

        display: none;

    }

}



.go-top.affix {

    top: 89px!important;

}



#loadMoreNews:active {

    background: #fc7b03;

}



@-webkit-keyframes moveTip {

    100% {

        transform: translateX(10px);

        -webkit-transform: translateX(10px);

    }

}



@keyframes moveTip {

    100% {

        transform: translateX(10px);

    }

}



@keyframes jumpUp {

    0%,100% {

        transform: scale(1);

        animation-timing-function: ease-out;

    }



    50% {

        animation-timing-function: ease-in;

        transform: scale(1.1) translate3d(0,-10%,0);

    }

}



@-webkit-keyframes jumpUp {

    0%,100% {

        transform: scale(1);

        animation-timing-function: ease-out;

        -webkit-transform: scale(1);

        -webkit-animation-timing-function: ease-out;

    }



    50% {

        transform: scale(1.1) translate3d(0,-10%,0);

        -webkit-transform: scale(1.1) translate3d(0,-10%,0);

        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);

        transition-timing-function: cubic-bezier(0.215,.61,.355,1);

    }

}



@-webkit-keyframes tada {

    0% {

        -webkit-transform: scale3d(1,1,1);

        transform: scale3d(1,1,1);

    }



    20% {

        -webkit-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);

        transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);

    }



    50%,90% {

        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

    }



    60% {

        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

    }



    100% {

        -webkit-transform: scale3d(1,1,1);

        transform: scale3d(1,1,1);

    }

}



@keyframes tada {

    0% {

        -webkit-transform: scale3d(1,1,1);

        transform: scale3d(1,1,1);

    }



    20% {

        -webkit-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);

        transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);

    }



    50%,90% {

        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

    }



    60% {

        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

    }



    100% {

        -webkit-transform: scale3d(1,1,1);

        transform: scale3d(1,1,1);

    }

}



@-webkit-keyframes bounce {

    0%,20%,53%,80%,100% {

        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);

        transition-timing-function: cubic-bezier(0.215,.61,.355,1);

        -webkit-transform: translate3d(0,0,0);

        transform: translate3d(0,0,0);

    }



    40%,43% {

        -webkit-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        -webkit-transform: translate3d(0,-30px,0);

        transform: translate3d(0,-30px,0);

    }



    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        -webkit-transform: translate3d(0,-15px,0);

        transform: translate3d(0,-15px,0);

    }



    90% {

        -webkit-transform: translate3d(0,-4px,0);

        transform: translate3d(0,-4px,0);

    }

}



@keyframes bounce {

    0%,20%,53%,80%,100% {

        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);

        transition-timing-function: cubic-bezier(0.215,.61,.355,1);

        -webkit-transform: translate3d(0,0,0);

        transform: translate3d(0,0,0);

    }



    40%,43% {

        -webkit-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        -webkit-transform: translate3d(0,-30px,0);

        transform: translate3d(0,-30px,0);

    }



    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);

        -webkit-transform: translate3d(0,-15px,0);

        transform: translate3d(0,-15px,0);

    }



    90% {

        -webkit-transform: translate3d(0,-4px,0);

        transform: translate3d(0,-4px,0);

    }

}



@-webkit-keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);

        transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);

        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);

        animation-timing-function: cubic-bezier(0.55,.055,.675,.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);

        transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);

        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);

        animation-timing-function: cubic-bezier(0.175,.885,.32,1);

    }



    100% {

        opacity: 1;

    }

}



@keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);

        transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);

        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);

        animation-timing-function: cubic-bezier(0.55,.055,.675,.19);

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);

        transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);

        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);

        animation-timing-function: cubic-bezier(0.175,.885,.32,1);

    }



    100% {

        opacity: 1;

    }

}



@keyframes jumpMan1 {

    0% {

        transform: translate3d(0,0,0);

        animation-timing-function: ease-out;

    }



    100% {

        transform: tranlsate3d(-18px,-50px,0);

    }

}



@-webkit-keyframes jumpMan1 {

    0% {

        transform: translate3d(0,0,0);

        animation-timing-function: ease-out;

        -webkit-transform: translate3d(0,0,0);

        -webkit-animation-timing-function: ease-out;

    }



    100% {

        transform: translate3d(-18px,-50px,0);

        -webkit-transform: translate3d(-18px,-50px,0);

    }

}



input:-moz-placeholder,textarea:-moz-placeholder {

    color: #bfbfbf;

}



input:-ms-input-placeholder,textarea:-ms-input-placeholder {

    color: #bfbfbf;

}



input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {

    color: #bfbfbf;

}



.mess-box button {

    background: #fc7b03;

    color: #fff;

    font-size: 18px;

    width: 150px;

    height: 40px;

    line-height: 40px;

    border-radius: 6px;

    border: 0;

    margin-top: 10px;

}



.mess-box button:hover {

    background: #8bb133;

}



#siteMapBd {

    position: absolute;

    top: 100%;

    width: 100%;

    height: auto;

    display: none;

    background: url(../images/site_map_bg.png);

    border-top: 1px solid #292929;

}



#siteMapBd ul {

    *zoom: 1;

}



#siteMapBd ul:before,#siteMapBd ul:after {

    content: " ";

    display: table;

    line-height: 0;

}



#siteMapBd ul:after {

    clear: both;

}



#siteMapBd:after {

    content: "";

    position: absolute;

    top: 0;

    height: 1px;

    width: 100%;

    background: #555;

}



#siteMapBd li,#siteMapBd a {

    color: #c2c2c2;

    text-align: center;

}



#siteMapBd .sitemap-list ul a {

    font-size: 12px;

    line-height: 28px;

    font-family: verdana,'Hiragino Sans GB',"\5b8b\4f53",arial,sans-serif;

}



#siteMapBd li {

    list-style-type: none;

}



#siteMapBd .sitemap-list {

    overflow: hidden;

    margin-top: 1px;

}



#siteMapBd .sitemap-list>li {

    float: left;

    width: 20%;

    height: 320px;

    border-right: 1px solid #555;

    border-left: 1px solid #292929;

}



#siteMapBd .sitemap-list>li:first-child {

    border-left: 0;

}



#siteMapBd .sitemap-list>li:last-child {

    border-right: 0;

}



#siteMapBd .sitemap-list h2 {

    font-size: 18px;

}



.main-body {

    *zoom: 1;

}



.main-body:before,.main-body:after {

    content: " ";

    display: table;

    line-height: 0;

}



.main-body:after {

    clear: both;

}



#qrcodeModal .modal-title {

    color: #fc7b03;

}



#qrcodeModal .modal-dialog {

    width: 450px;

    margin: 150px auto 0;

}



#qrcodeModal .modal-body {

    text-align: center;

}



#qrcodeModal .body-box {

    width: 410px;

    display: inline-block;

}



#qrcodeModal .qrcode-img {

    display: block;

    width: 50%;

    height: 162px;

    background: url(../images/qrcode_wechat.jpg) no-repeat center;

    float: left;

}



#qrcodeModal .qrcode-box {

    width: 50%;

    text-align: center;

    float: left;

    height: 150px;

    background: url(../images/wx_text.png) no-repeat 26px 55px;

}



::-webkit-scrollbar {

    width: 3px;

    height: 3px;

    background-color: #3e7e3a;

}



::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    border-radius: 0;

    background-color: #f3d131;

}



::-webkit-scrollbar-thumb {

    border-radius: 0;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    background-color: #3e7e3a;

}



::-webkit-scrollbar-thumb:hover {

    background-color: #2d5b2a;

}



#pdMenuCarousel .carousel-indicators::-webkit-scrollbar {

    width: 12px;

}



#pdMenuCarousel .carousel-indicators::-webkit-scrollbar-track {

    -webkit-box-shadow: none;

}



[data-cmd] {

    color: transparent!important;

    font-size: 0;

    line-height: 0;

}



@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale3d(1,1,1);

        transform: scale3d(0.9,.9,.9);

        background-position-y: 0;

    }



    50% {

        -webkit-transform: scale3d(1.05,1.05,1.05);

        transform: scale3d(1.05,1.05,1.05);

        background-position-y: 0;

    }



    100% {

        -webkit-transform: scale3d(0.9,.9,.9);

        transform: scale3d(0.9,.9,.9);

        background-position-y: 0;

    }

}



@keyframes pulse {

    0% {

        -webkit-transform: scale3d(0.9,.9,.9);

        transform: scale3d(0.9,.9,.9);

        background-position-y: 0;

    }



    50% {

        -webkit-transform: scale3d(1.05,1.05,1.05);

        transform: scale3d(1.05,1.05,1.05);

        background-position-y: 0;

    }



    100% {

        -webkit-transform: scale3d(0.9,.9,.9);

        transform: scale3d(0.9,.9,.9);

        background-position-y: 0;

    }

}



.affix h1[class*=title] {

    display: none;

}



.menu-container+.container {

    z-index: 10;

}



.p-cell {

    display: table-cell;

    width: 3000px;

}



.v-tb {

    display: table;

    width: 100%;

    height: 100%;

    table-layout: fixed;

}



.v-tb-cell {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    height: 205px;

}



.plugin-slide-box {

    position: relative;

    clear: both;

}



.plugin-slide-box .slide-wrap {

    overflow: hidden;

    z-index: 1;

}



.plugin-slide-box .plugin-slide-list {

    list-style: none;

    width: 100000%;

    overflow: hidden;

    position: relative;

    z-index: 1;

    top: 0;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.plugin-slide-box .slide-next,.plugin-slide-box .slide-prev {

    position: absolute;

    top: 50%;

    display: block;

    width: 26px;

    height: 48px;

    margin-top: -64px;

    opacity: .5;

    z-index: 5;

}



.plugin-slide-box .slide-next.active,.plugin-slide-box .slide-prev.active {

    opacity: 1;

    cursor: pointer;

}



.plugin-slide-box .slide-prev {

    left: 0;

    background: url(../images/ico_arrow_left.png) 0 0 no-repeat;

}



.plugin-slide-box .slide-next {

    right: 0;

    background: url(../images/ico_arrow_right.png) 0 0 no-repeat;

}



.pscroll-y-box {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}



#pdMenuCarousel .carousel-indicators .pscroll-y-box {

    height: 171px;

}



#pdMenuCarousel .detail-box {

    line-height: 2;

}



#pdMenuCarousel .detail-box .pscroll-y-box {

    height: 190px;

    padding-right: 20px;

}